CSS將疊層樣式分為哪三種

CSS疊層樣式的三種類型：1、行內(nèi)樣式，將樣式代碼寫在HTML標(biāo)簽的style屬性中；2、內(nèi)嵌樣式，將樣式代碼寫在頁面“<style>”和“</style>”標(biāo)簽對之間；3、外部樣式，將樣式代碼寫在獨(dú)立的“.css”文件中。
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、荷塘網(wǎng)絡(luò)推廣、小程序設(shè)計(jì)、荷塘網(wǎng)絡(luò)營銷、荷塘企業(yè)策劃、荷塘品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供荷塘建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：muchs.cn

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

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

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

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

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

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

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

例：

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

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

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

例：

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

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

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

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

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

對各個屬性的說明：

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

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

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

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

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

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

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

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

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

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

猜你還喜歡下面的內(nèi)容