CSS疊層樣式的三種類型:1、行內(nèi)樣式,將樣式代碼寫在HTML標(biāo)簽的style屬性中;2、內(nèi)嵌樣式,將樣式代碼寫在頁面“<style>”和“</style>”標(biāo)簽對之間;3、外部樣式,將樣式代碼寫在獨立的“.css”文件中。
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都網(wǎng)站建設(shè)、網(wǎng)站制作、荷塘網(wǎng)絡(luò)推廣、小程序設(shè)計、荷塘網(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)址:www.rwnh.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è)計網(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)。
例:
<style>選擇器 {屬性名:屬性值;屬性名:屬性值;......}</style>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)入外部樣式表文件:
<link href="css文件路徑" rel="stylesheet" type="text/css" />對各個屬性的說明:
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)入外部樣式表文件:
<style type="text/css">@import url("css文件路徑");</style>在 @import 關(guān)鍵字后面,利用 url() 函數(shù)包含具體的外部樣式表文件的地址。
(學(xué)習(xí)視頻分享:css視頻教程)
本文題目:CSS將疊層樣式分為哪三種
標(biāo)題網(wǎng)址:http://www.rwnh.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)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)