CSS(Cascading Style Sheet)級(jí)聯(lián)樣式表常用術(shù)語(yǔ)總結(jié)
發(fā)布時(shí)間:2013-01-03 15:49:34 作者:佚名
我要評(píng)論

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

1、元素分類
塊級(jí)元素(block)
Div+css(DIV和CSS均為容器)
<p> 是段落標(biāo)記,塊級(jí)元素。
行內(nèi)元素
Span,不響應(yīng)盒子模型的屬性。
2、標(biāo)準(zhǔn)流
標(biāo)簽的排列方式。
3、盒子模型
把元素放入盒子
外邊距(marjin)4(兩個(gè)在一起的時(shí)候取最大值,不加和)
內(nèi)邊距(padding)4個(gè)
內(nèi)容區(qū)(寬和高)
畫框(border)4
樣式可以寫在一起。
4、浮動(dòng)
脫離標(biāo)準(zhǔn)流。
5、定位
絕對(duì):absolute 脫離標(biāo)準(zhǔn)流,絕對(duì)于包含該元素的盒子。
相對(duì):相對(duì)原來(lái)位置relative 但未脫離標(biāo)準(zhǔn)流
6、超鏈接樣式的設(shè)置
a:link是超級(jí)鏈接的初始狀態(tài)
a:hover是把鼠標(biāo)放上去時(shí)懸停的狀況
a:active 是鼠標(biāo)點(diǎn)擊時(shí)
a:visited是訪問(wèn)過(guò)后的情況
7、CSS hack(關(guān)于CSS hack詳細(xì)內(nèi)容,請(qǐng)移步:http://baike.baidu.com/view/1119452.htm)
*margin-top:10px!important; /*僅IE678識(shí)別該規(guī)則*/
_margin 僅IE6識(shí)別。
而其他核心瀏覽器可以識(shí)別!Important(提高優(yōu)先級(jí))
解決IE空隙問(wèn)題:Margin-top :-2em 讓外邊框向上兩個(gè)e單位的距離即可
8、加載切圖時(shí)一定要有這三個(gè)屬性
background-image
background-position
background-repeat: /*不重復(fù)*/
9、* 空間表示對(duì)所有的元素的設(shè)置
相關(guān)文章
詳解CSS3.0(Cascading Style Sheet) 層疊級(jí)聯(lián)樣式表
這篇文章主要介紹了CSS3.0(Cascading Style Sheet) 層疊級(jí)聯(lián)樣式表的問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友2021-07-15- 這篇文章主要介紹了HTML外部樣式表如何引入CSS樣式,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)2020-12-10
FrontPage怎么自定義設(shè)置CSS外部樣式表?
FrontPage怎么自定義設(shè)置CSS外部樣式表?FrontPage中想要自己制作一個(gè)樣式表,該怎么自定義設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2019-05-22- IE一直是特殊的一個(gè)瀏覽器,我們可以使用一些方法來(lái)指定樣式表只在IE瀏覽器下被加載。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-20