性少妇video,一区二区亚洲精品国产精华液

首頁免費課 CSS深入理解之margin 問答

CSS深入理解之margin

                
                張鑫旭
            頁面重構(gòu)設(shè)計

                    查看講師更多課程 
                    張鑫旭講師的其他課程
                
CSS深入理解之border
中級·56793
免費課程
                                
CSS深入理解之padding
中級·52477
免費課程
                                
CSS深入理解之z-index
中級·40877
免費課程
                                
CSS深入理解之relative
中級·47916
免費課程
                                
CSS深入理解之vertical-align
中級·39332
免費課程
                                
CSS深入理解之line-height
中級·43082
免費課程
                                
                難度中級
            
                時長 1小時23分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.63
                            172人評價
                        查看評價
                                9.8
                                內(nèi)容實用
                            
                                9.7
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

全部評論問答未解決精華

hdz

感覺很有深度

0 5-1 CSS margin負值定位

2016-09-07

Jacques_0001

該人的英文發(fā)音慘不忍聽，口音太重?。。?/div>

0 3-1 正確看待CSS的margin重疊

2016-09-06

it餓狼傳說

最后一個這樣理解：p元素包含在一個div塊級元素里，這個div設(shè)置向左浮動，里面的p元素設(shè)置了margin-right:170px,也就是左邊預(yù)留了170px，不是這個div子元素的img（圖片）也設(shè)置了float：left，本來是這個圖片是和這個div貼在一起，但是由于img設(shè)置了margin負值，使得圖片在視覺上跑到了這個div預(yù)留的170px空間里。

8 5-1 CSS margin負值定位

2016-09-06

it餓狼傳說

原理：沒有設(shè)置寬高的普通塊屬性，元素的寬（content）可以是任意值（可以縮成一點），即可以隨著文字伸縮，也可以由于margin值水平伸縮，即margin值改變影響的是寬（content）尺寸，對padding值沒有影響，可以設(shè)置background-clip:content-box驗證；而height高由于先受文本內(nèi)容的自適應(yīng)影響，所以改變margin就只是改變margin值而已。
為什么設(shè)置了float和絕對定位后尺寸就不受margin的影響呢，因為設(shè)置這兩個任意屬性后，元素就成了inline-block，寬度尺寸僅隨著文本的變化而變化。這就解釋了inline也是如此。

7 1-1 CSS margin與容器的尺寸

2016-09-06

風(fēng)聲碎雨

0.5hahahahhahhahahahahahahahah魔性

0 2-1 CSS margin與百分比單位

2016-09-05

慕粉3750485

撒花~~~~

0 7-1 了解CSS margin-start and margin-end

2016-09-05

慕粉3750485

張老師把這些都研究得很透徹都是干貨大贊

1 5-1 CSS margin負值定位

2016-09-05

qq_懿_3

講的好高大尚，但不知道講了什么

1 6-1 CSS margin失效情形解析

2016-09-04

eva1963

圖片，按鈕，視頻是替換元素，和普通元素有區(qū)別

2 4-1 理解CSS中的margin auto

2016-09-04

eva1963

謝謝張大大，給跪了

0 7-1 了解CSS margin-start and margin-end

2016-09-04

後埔仔

撒花鼓掌~ 哈哈，太可愛了。

0 7-1 了解CSS margin-start and margin-end

2016-09-03

澹雅

聽完了，好糊涂。

2 5-1 CSS margin負值定位

2016-09-03

慕移動0210797

撒花鼓掌~~

0 7-1 了解CSS margin-start and margin-end

2016-09-03

eva1963

得聽兩遍才能聽懂，以前都沒注意到這么深，你說你怎么想這么多，怪不得和我們不一樣，棒棒噠

18 6-1 CSS margin失效情形解析

2016-09-02

eva1963

謝謝張大大給我們出這么多有益的視頻，也不求回報，我們會一直支持你的，加油，要變得更棒，然后出更多的視頻??！

11 3-1 正確看待CSS的margin重疊

2016-09-02

首頁上一頁 14 15 16 17 18 19 20 下一頁尾頁

開始學(xué)習(xí)

課程須知: 既適合學(xué)習(xí)過CSS基礎(chǔ)知識的新手深入學(xué)習(xí)，也歡迎有經(jīng)驗的小伙伴加深了解噢！

老師告訴你能學(xué)到什么？: margin與元素尺寸的關(guān)系、margin的百分比單位、正確看待CSS的margin重疊、深入理解margin：auto、剖析CSS margin負值定位的常見應(yīng)用、剖析在使用margin時容易發(fā)生困惑的無效情形、擴展介紹margin-start/margin-end屬性

微信掃碼，參與3人拼團