文本屬性
<center> 和 text-align:center
<center>不僅會影響文本,還會把整個元素居中;
text-align只會影響內(nèi)部內(nèi)容,而不會控制元素的對齊。
vertical-top
應(yīng)用于行內(nèi)元素和表單元格,也就意味著在塊元素中是不起作用的,沒有繼承性
基本視覺
水平格式化
width=margin-left + padding-left + border-left + width + border-right + padding-right + margin-right
margin和width是可以設(shè)置為auto的,margin可以為負(fù)數(shù),有可能超出父元素框。
邊框的寬度不能是百分?jǐn)?shù),只能是長度。
垂直格式化
同上述水平格式化相同,高度由7個相關(guān)屬性組成。如果margin-top或 者margin-bottom設(shè)置為auto,它將會自動計(jì)算為0。
在垂直外邊距中,相鄰的元素的外邊距會重疊,即兩個外邊距中較小的一個會被大的那個合并。例如:
<li>1</li>
<li>2</li>
li{margin-top: 10px; margin-bottom: 20px;}
那么在顯示這個列表時,上下li之間的距離為20px。
行內(nèi)塊元素 inline-block
像塊級元素一樣擁有width和height,text-align
行內(nèi)塊元素的底端默認(rèn)地位于文本行的基線上,而且內(nèi)部沒有行分隔符。
內(nèi)邊距padding
內(nèi)邊距不能為負(fù)
背景
background-attachment
默認(rèn)為scroll, 若不想背景圖隨文檔滾動,可設(shè)置為fixed。此時背景圖像是相對于可視區(qū)固定,而不是相對于包含該圖像的元素定位。
background-size (css3加入的內(nèi)容)
contain - 會保持圖像的縱橫比并將圖像縮放成將適合背景定位區(qū)域的最大大小
cover - 會保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小
percentage - 將計(jì)算相對于背景定位區(qū)域的百分比。第一個值設(shè)置寬度,第二個值設(shè)置的高度。如果只給出一個值,第二個是設(shè)置為"auto(自動)"
length - 設(shè)置背景圖片高度和寬度。第一個值設(shè)置寬度,第二個值設(shè)置的高度。如果只給出一個值,第二個是設(shè)置為"atuo(自動)"
參考:《CSS權(quán)威指南》(第三版)