CSS(Cascading Style Sheet)級聯樣式表常用術語總結
發(fā)布時間:2013-01-03 15:49:34 作者:佚名
我要評論

CSS(Cascading Style Sheet )級聯樣式表總結,如果使用CSS不要忘記寫DOCTYPE等文檔類型定義,接下來詳細為您介紹,需要了解的朋友可以參考下
如果使用CSS不要忘了寫DOCTYPE,文檔類型定義。
標準盒子模型
1、元素分類
塊級元素(block)
Div+css(DIV和CSS均為容器)
<p> 是段落標記,塊級元素。
行內元素
Span,不響應盒子模型的屬性。
2、標準流
標簽的排列方式。
3、盒子模型
把元素放入盒子
外邊距(marjin)4(兩個在一起的時候取最大值,不加和)
內邊距(padding)4個
內容區(qū)(寬和高)
畫框(border)4
樣式可以寫在一起。
4、浮動
脫離標準流。
5、定位
絕對:absolute 脫離標準流,絕對于包含該元素的盒子。
相對:相對原來位置relative 但未脫離標準流
6、超鏈接樣式的設置
a:link是超級鏈接的初始狀態(tài)
a:hover是把鼠標放上去時懸停的狀況
a:active 是鼠標點擊時
a:visited是訪問過后的情況
7、CSS hack(關于CSS hack詳細內容,請移步: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: /*不重復*/
9、* 空間表示對所有的元素的設置
標準盒子模型

1、元素分類
塊級元素(block)
Div+css(DIV和CSS均為容器)
<p> 是段落標記,塊級元素。
行內元素
Span,不響應盒子模型的屬性。
2、標準流
標簽的排列方式。
3、盒子模型
把元素放入盒子
外邊距(marjin)4(兩個在一起的時候取最大值,不加和)
內邊距(padding)4個
內容區(qū)(寬和高)
畫框(border)4
樣式可以寫在一起。
4、浮動
脫離標準流。
5、定位
絕對:absolute 脫離標準流,絕對于包含該元素的盒子。
相對:相對原來位置relative 但未脫離標準流
6、超鏈接樣式的設置
a:link是超級鏈接的初始狀態(tài)
a:hover是把鼠標放上去時懸停的狀況
a:active 是鼠標點擊時
a:visited是訪問過后的情況
7、CSS hack(關于CSS hack詳細內容,請移步: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: /*不重復*/
9、* 空間表示對所有的元素的設置
相關文章
詳解CSS3.0(Cascading Style Sheet) 層疊級聯樣式表
這篇文章主要介紹了CSS3.0(Cascading Style Sheet) 層疊級聯樣式表的問題,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友2021-07-15- 這篇文章主要介紹了HTML外部樣式表如何引入CSS樣式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習2020-12-10
- FrontPage怎么自定義設置CSS外部樣式表?FrontPage中想要自己制作一個樣式表,該怎么自定義設置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-05-22
- IE一直是特殊的一個瀏覽器,我們可以使用一些方法來指定樣式表只在IE瀏覽器下被加載。小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-20