建站
咨詢
售后
建站咨詢
新聞中心
css為什么叫層疊樣式表
層疊就是瀏覽器對多個樣式來源進(jìn)行疊加，最終確定結(jié)果的過程.
創(chuàng)新互聯(lián)建站網(wǎng)絡(luò)公司擁有十年的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗，上千多家客戶的共同信賴。提供成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)站定制、賣鏈接、建網(wǎng)站、網(wǎng)站搭建、成都響應(yīng)式網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計師打造企業(yè)風(fēng)格，提供周到的售前咨詢和貼心的售后服務(wù)
css之所以有“層疊”的概念，是因為有多個樣式來源。
其中css樣式來源有5個，分別是內(nèi)聯(lián)樣式（a style=""）,內(nèi)部樣式(style/style),
外部樣式（寫在css文件中的樣式），瀏覽器用戶自定義樣式，瀏覽器默認(rèn)樣式；
按照其來源優(yōu)先級為內(nèi)聯(lián)樣式內(nèi)部樣式外部樣式瀏覽器用戶自定義樣式瀏覽器默認(rèn)樣式
按照選擇器優(yōu)先級為id class元素選擇器
如果有important,important優(yōu)先級最高。
CSS層疊樣式表的層疊是什么意思
層疊指的是樣式的優(yōu)先級，當(dāng)產(chǎn)生沖突時以優(yōu)先級高的為準(zhǔn)。
1. 開發(fā)者樣式讀者樣式瀏覽器樣式（除非使用!important標(biāo)記 ）
2. id選擇符（偽）類選擇符元素選擇符
3. 權(quán)重相同時取后面定義的樣式
以下是一段經(jīng)典的html，三個類名分別為模塊、標(biāo)題和正文。
div class="mod"
div class="hd"/div
div class="bd"/div
/div
大部分html頁面都可以由這種結(jié)構(gòu)嵌套或者累加而成。
css層疊樣式表有哪幾種類型
CSS（Cascading Style Sheets）
層疊樣式表
優(yōu)勢：
CSS可以提高頁面的瀏覽速度。
縮短改版時間，降低維護(hù)費(fèi)用。
強(qiáng)大的字體控制能力和排版能力。
css容易編寫。
可以一次設(shè)計隨處發(fā)布。
更好的控制頁面布局。
實現(xiàn)表現(xiàn)和結(jié)構(gòu)、內(nèi)容相分離。
更方便搜索引擎的搜索/page Rank
樣式規(guī)則：
語法：選擇器｛屬性1：值1；屬性2：值2；...屬性N：值N；｝
選擇器就是要改變頁面中的哪些標(biāo)簽元素
聲明要用｛｝括起來，；結(jié)束
如果屬性中包含空格要用“”括起來
可以指定多個選擇器使用相同的樣式
樣式表：
外部樣式表，新建.css文件，在文件中寫入樣式規(guī)則link rel="stylesheet" href = "xxx.css"
內(nèi)聯(lián)樣式表，在元素中添加style屬性
嵌入式樣式表，在html使用style標(biāo)簽，style type="text/css"/style
選擇器：
元素選擇器，元素名
id選擇器，用#id
類選擇器，用.class
后代選擇器，選擇器1 選擇器2
css深化：
就近原則，！important提高元素優(yōu)先級，偽類選擇器，偽對象選擇器，@import導(dǎo)入其他css文件，響應(yīng)式布局可以解決多設(shè)備的兼容問題。
文本屬性：
font-family：字體
font-size：字體大小
font-style：斜體
font-weight：粗體
color：顏色
line-height：行高
letter-spacing：字符間距
text-decoration：文本修飾
text-overflow：文字溢出處理
white-space : no wrap
text-overflow:hidden
text-align：文本對齊
背景屬性：
background-color：背景顏色
background-image：背景圖片
background-repeat：背景重復(fù)
background-attachment：背景圖片附著
基于占滿一整行與否，標(biāo)簽分為兩大類（文檔流）：
占滿：行級元素（div，p，h1~h6）
不占滿：行內(nèi)元素（span，）
定位屬性：
position：定位
absolute：絕對定位
relative：相對定位
當(dāng)前文章：css層疊樣式表,css層疊樣式表的基本特征
標(biāo)題網(wǎng)址：http://fisionsoft.com.cn/article/phpjsd.html
