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

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

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