Cascading Style Sheet,層疊樣式表,用于設(shè)定頁面內(nèi)容的顯示樣式。
為什么使用css,優(yōu)點(diǎn)是什么?
1:【內(nèi)容】和【表現(xiàn)】相分離 HTML文件中只存放文本信息,將樣式部分放在一個獨(dú)立樣式文件中。頁面對搜索引擎更加友好。
2:提高頁面瀏覽速度 采用CSS布局的頁面容量要比TABLE布局的頁面文件容量小得多,前者一般只有后者的1/2大小。
3:易于維護(hù)和改版 只要簡單的修改對應(yīng)CSS文件,就可以重新設(shè)計整個網(wǎng)站的頁面。
4: 使用CSS布局更符合現(xiàn)在的W3C標(biāo)準(zhǔn) W3C組織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個非贏利組織,像HTML、CSS、XML的標(biāo)準(zhǔn)就是由它來定制。
html' target='_blank'>CSS樣式表的調(diào)用方式哪幾種?
1、內(nèi)部樣式:把CSS樣式表放到 head 文檔中: 格式如下: style type=“text/css” …… /style
2、內(nèi)聯(lián)式:把CSS樣式表寫在HTML對應(yīng)的標(biāo)記內(nèi)。 格式如下: p >
3、外部樣式:把編輯好的CSS文檔保存成“.CSS”文件,然后在 head 中定義。 格式如下: head link rel=stylesheet href= css的文件地址 ..... /head
4、導(dǎo)入樣式:與鏈入外部樣式的功能基本相同,只是語法和實(shí)現(xiàn)方式上有差別。
格式如下: style @import url(css.css); /style
一個元素可以同時定義多個類,不同類之間用空格隔開,如 > 3.為子元素添加樣式
為子元素設(shè)定樣式的方式:父元素+空格+子元素{},通常時候id+class。
二 常用屬性1.文本text-align:center:文本居中。
2.內(nèi)補(bǔ)丁padding:內(nèi)補(bǔ)丁,即內(nèi)部寬度。格式:padding:5px(可以定義一個值,也可以定義4個值),用于設(shè)置相鄰元素與其邊界之間的距離。
3.外補(bǔ)丁margin:在對象與其他對象之間增減空白間距,增加的間距在對象外部,所以稱作外補(bǔ)丁,使用方法同內(nèi)補(bǔ)丁padding。
4.布局overflow:當(dāng)對象的內(nèi)容超出指定范圍時設(shè)定處理措施。
auto:只有在必需時才采用滾動條或者剪切。
hidden:不顯示超出范圍的內(nèi)容。
visible:默認(rèn)值,不剪切,不添加滾動條。
scroll:總是顯示滾動條。
display:改變對象的顯示方式。
inline-block:將對象作為內(nèi)聯(lián)對象,對象的內(nèi)容作為塊對象。通常加上width設(shè)定對象的寬度,用于對齊。
none:隱藏元素,該元素不占空間。
visibility:hidden:隱藏對象,隱藏的對象依然占據(jù)空間。
以上就是CSS重點(diǎn)知識總結(jié)的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
|
新聞熱點(diǎn)
疑難解答