一滞时,外邊距
margin-top: 100px;? ? top是上移動(dòng)
margin-left: 100px;? ?left是左移動(dòng)
margin-right: 100px;? right是右移動(dòng)
margin-bottom: 100px;? ?bottom下移動(dòng)
也可以復(fù)行就是減號(hào) -?
margin-left: auto;? ? 把左右的margin都設(shè)置成auto可以塊居中
margin-right: auto;
也可以 margin:0 auto? ?0是上下默認(rèn)? auto是左右居中
二,外邊距的重疊
重疊的話就用padding-top: 1px;
可以插內(nèi)容
border-top 1px red? solid
overflow:?
三滤灯,瀏覽器的默認(rèn)樣式
*{
margin: 0;
padding:0;
}
有的默認(rèn)樣式有縮進(jìn)
用星號(hào)來(lái)清除默認(rèn)樣式
四坪稽,內(nèi)聯(lián)元素的盒模型
內(nèi)聯(lián)樣式不能設(shè)置寬和高
在一行的情況下不會(huì)重疊
其它在水平好使
border: 1px blue solid;? ?寫(xiě)框架的
五,display和visibility
display: block;? ? display可以吧內(nèi)聯(lián)改成塊
dispay可以修改元素的性質(zhì)
visibility屬性主要用于元素是否可見(jiàn)鳞骤。
–visible:可見(jiàn)的
–hidden:隱藏的
六窒百,overflow
如果子元素超過(guò)了父元素叫溢出
visible不裁剪內(nèi)容,可能會(huì)顯示在內(nèi)容框之外豫尽。
hidden裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制篙梢。
scroll裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。
auto如果溢出框美旧,則應(yīng)該提供滾動(dòng)機(jī)制渤滞。
七,文檔流
內(nèi)聯(lián)不可以設(shè)置寬高
塊會(huì)獨(dú)占一行? ?display: inline-block;? 多個(gè)塊可以一行出現(xiàn)
內(nèi)聯(lián)樣式到了最右邊會(huì)自動(dòng)換行
八榴嗅,浮動(dòng)
left元素向左浮動(dòng)妄呕。
right元素向右浮動(dòng)。
none默認(rèn)值嗽测。元素不浮動(dòng)绪励,并會(huì)顯示在其在文本中出現(xiàn)的位置。
inherit規(guī)定應(yīng)該從父元素繼承 float 屬性的值唠粥。
float: left;??多個(gè)塊可以一行出現(xiàn)
九,內(nèi)聯(lián)元素的浮動(dòng)
在 CSS 中疏魏,任何元素都可以浮動(dòng)。浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框厅贪,而不論它本身是何種元素蠢护。因此,對(duì)于內(nèi)聯(lián)元素养涮,如果設(shè)置為浮動(dòng)葵硕,會(huì)產(chǎn)生和塊級(jí)框相同的效果眉抬。