CSS(Cascading Style Sheet)級聯(lián)樣式表常用術(shù)語總結(jié)

2024-08-30 08:34:56

字體：大中小

供稿：網(wǎng)友

如果使用CSS不要忘了寫DOCTYPE,文檔類型定義。
標準盒子模型

1、元素分類
塊級元素（block）
Div+css（DIV和CSS均為容器）
<p> 是段落標記，塊級元素。
行內(nèi)元素
Span，不響應(yīng)盒子模型的屬性。
2、標準流
標簽的排列方式。
3、盒子模型
把元素放入盒子
外邊距（marjin）4（兩個在一起的時候取最大值，不加和）
內(nèi)邊距（padding）4個
內(nèi)容區(qū)（寬和高）
畫框（border）4
樣式可以寫在一起。
4、浮動
脫離標準流。
5、定位
絕對:absolute 脫離標準流，絕對于包含該元素的盒子。
相對：相對原來位置relative 但未脫離標準流
6、超鏈接樣式的設(shè)置
a:link是超級鏈接的初始狀態(tài)
a:hover是把鼠標放上去時懸停的狀況
a:active 是鼠標點擊時
a:visited是訪問過后的情況
7、CSS hack（關(guān)于CSS hack詳細內(nèi)容，請移步：http://baike.baidu.com/view/1119452.htm）
*margin-top:10px!important; /*僅IE678識別該規(guī)則*/
_margin 僅IE6識別。
而其他核心瀏覽器可以識別!Important(提高優(yōu)先級)
解決IE空隙問題：Margin-top :-2em 讓外邊框向上兩個e單位的距離即可
8、加載切圖時一定要有這三個屬性
background-image
background-position
background-repeat: /*不重復(fù)*/
9、* 空間表示對所有的元素的設(shè)置

上一篇：愛上樸實的CSS細節(jié)雖不起眼可提高效率

下一篇：impress.js表現(xiàn)層框架(演示工具)-初體驗