CSS疊層樣式的三種類(lèi)型：1、行內(nèi)樣式，將樣式代碼寫(xiě)在HTML標(biāo)簽的style屬性中；2、內(nèi)嵌樣式，將樣式代碼寫(xiě)在頁(yè)面“<style>”和“</style>”標(biāo)簽對(duì)之間；3、外部樣式，將樣式代碼寫(xiě)在獨(dú)立的“.css”文件中。

創(chuàng)新互聯(lián)建站專(zhuān)注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、荷塘網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、荷塘網(wǎng)絡(luò)營(yíng)銷(xiāo)、荷塘企業(yè)策劃、荷塘品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供荷塘建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：jinyejixie.com

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

為了讓網(wǎng)頁(yè)元素的樣式更加豐富，也為了讓網(wǎng)頁(yè)的內(nèi)容和樣式能拆分開(kāi)，CSS由此思想而誕生，CSS是 Cascading Style Sheets 的首字母縮寫(xiě)，意思是層疊樣式表。有了CSS，html中大部分表現(xiàn)樣式的標(biāo)簽就廢棄不用了，html只負(fù)責(zé)文檔的結(jié)構(gòu)和內(nèi)容，表現(xiàn)形式完全交給CSS，html文檔變得更加簡(jiǎn)潔。

CSS主要用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，美化網(wǎng)頁(yè)；它不僅可以靜態(tài)地修飾網(wǎng)頁(yè)，還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。

CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。

css樣式主要包含三種類(lèi)型：行內(nèi)樣式（內(nèi)聯(lián)樣式) 、內(nèi)部樣式（內(nèi)嵌樣式）、外部樣式（外聯(lián)樣式）。

1、行內(nèi)樣式：

結(jié)構(gòu)的內(nèi)部，即寫(xiě)在標(biāo)簽內(nèi)的樣式；寫(xiě)在標(biāo)簽的開(kāi)始部分內(nèi)部，style屬性當(dāng)中。

例：

<標(biāo)記></標(biāo)記>

2、內(nèi)部樣式（內(nèi)嵌樣式）：

寫(xiě)在HTML頁(yè)面內(nèi)部，存放于head標(biāo)記當(dāng)中，樣式寫(xiě)在style標(biāo)記內(nèi)。

例：

<style>選擇器 {屬性名：屬性值；屬性名：屬性值；......}</style>

3、外部樣式（外聯(lián)樣式）：

外聯(lián)式是將所有的樣式放在一個(gè)或多個(gè)以.css為擴(kuò)展名的外部樣式表文件中。一個(gè) CSS 樣式表文檔就表示一個(gè)外部樣式表。

外部樣式表必須導(dǎo)入到網(wǎng)頁(yè)文檔中，才能夠被瀏覽器識(shí)別和解析。外部樣式表文件可以通過(guò)兩種方法導(dǎo)入到 HTML 文檔中。

1）、使用 <link> 標(biāo)簽導(dǎo)入

使用 <link> 標(biāo)簽導(dǎo)入外部樣式表文件：

<link href="css文件路徑" rel="stylesheet" type="text/css" />

對(duì)各個(gè)屬性的說(shuō)明：

href 屬性設(shè)置外部樣式表文件的地址，可以是相對(duì)地址，也可以是絕對(duì)地址。

rel 屬性定義關(guān)聯(lián)的文檔，這里表示關(guān)聯(lián)的是樣式表。

type 屬性定義導(dǎo)入文件的類(lèi)型，同 style 元素一樣，text/css表明為 CSS 文本文件。

2）、使用 @import 關(guān)鍵字導(dǎo)入

在 <style> 標(biāo)簽內(nèi)使用@import關(guān)鍵字導(dǎo)入外部樣式表文件：

<style type="text/css">@import url("css文件路徑");</style>

在 @import 關(guān)鍵字后面，利用 url() 函數(shù)包含具體的外部樣式表文件的地址。

（學(xué)習(xí)視頻分享：css視頻教程）

本文題目：CSS將疊層樣式分為哪三種
標(biāo)題網(wǎng)址：http://jinyejixie.com/article0/chegoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站排名、定制開(kāi)發(fā)、搜索引擎優(yōu)化、網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)