css的一些基本屬性(1)

文本屬性

<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)威指南》(第三版)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容