按優(yōu)先級:前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。
在佳縣等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供做網(wǎng)站、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計制作按需開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營銷型網(wǎng)站,成都外貿(mào)網(wǎng)站建設(shè)公司,佳縣網(wǎng)站建設(shè)費用合理。
style= 這樣肯定是最優(yōu)的,但也是最不推薦的。前端標(biāo)簽直接寫入。
延伸閱讀:讀取優(yōu)先,靈活使用,如大量頁面,每頁面都要設(shè)置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
style type="text/css" 這樣屬于第二讀取方式。直接寫在對應(yīng)的頁面。
延伸閱讀:每頁面都要設(shè)置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
link type="text/css" href=" 引用CSS文件 第三級。這全局引入.
延伸閱讀:全局CSS??梢苑蛛x代碼及外部引入,簡單快捷。也是現(xiàn)在都在用的。
CSS樣式的引用方式有三種:
一、行間樣式表
行間樣式表是指將CSS樣式編碼寫在HTML標(biāo)簽中,格式如下
h1 style="font-size:12px;color:#000FFF"
我的CSS樣式。
/h1
行間樣式表由HTML元素的HTML元素的style支持,只需將CSS代碼用分號隔開寫在style=""之中。這是最基本的形式,但是它沒有實現(xiàn)表現(xiàn)與內(nèi)容分離且不能靈活的控制多個頁面所以我們只是在調(diào)試CSS代碼的時候使用。
二、內(nèi)部樣式表
內(nèi)部樣式表與行間樣式表相似都是把CSS代碼寫在HTML頁面中,稍微不同的是前者可以將樣式表放在一個固定的位置,格式如下
html
head
title內(nèi)部樣式表/title
style type="text/css"
h1{font-size:12px;
color:#000FFF
}
/style
/head
body
h1我的CSS樣式。/h1
/body
/html
內(nèi)部樣式表編碼是初級的應(yīng)用形式,不能達到跨頁面使用所以不適合使用。
三、外部樣式表
外部樣式表是CSS應(yīng)用中最好的一種形式,它將CSS樣式代碼單獨放在一個外部文件中,再由網(wǎng)頁進行調(diào)用。多個網(wǎng)頁可以調(diào)用一個樣式文件表,這樣能夠?qū)崿F(xiàn)代碼的最大限度的重用及網(wǎng)站文件的最優(yōu)化配置,格式如下
html
head
title外部樣式表/title
link rel="stylesheet" rev="stylesheet" href="style.css"
/head
body
h1我的CSS樣式。/h1
/body
/html
在style.css中的代碼為
h1{font-size:12px;
color:#000FFF
}
我們在head中使用了link標(biāo)簽來調(diào)用外部樣式表文件。將link指定為stylesheet方式,并使用了href="style.css"指明樣式表文件的路徑便可將該頁面應(yīng)用到在style.css中定義的樣式。
在網(wǎng)站的head頭部中加入link標(biāo)簽即可引入,如下:
head
meta?charset="UTF-8"
meta?name="viewport"?content="width=device-width,?initial-scale=1"
title用戶鑒權(quán)認(rèn)證中心/title
meta?name="keywords"?content=""?/
meta?name="description"?content=""?/
link?rel="stylesheet"?type="text/css"?href="/static/vendor/bootstrap/css/bootstrap.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/fonts/iconic/css/material-design-iconic-font.min.css"
link?rel="stylesheet"?type="text/css"?href="/static/css/util.css"
link?rel="stylesheet"?type="text/css"?href="/static/css/main.css"
/head
一般來說只有3種:
1.最常用的,引入樣式表,在樣式表中編寫樣式,引入方式如下:
link href="css/style.css" rel="stylesheet" type="text/css"
2.在Html頭部用style/style包起來,在這里面編寫樣式:
style type="text/css"
*{
padding: 0;margin: 0
}
/style
3.在標(biāo)簽里面直接編寫行內(nèi)樣式。
div style="color: #333"div
當(dāng)然還有一種方式是用JS直接更改或者賦值給某個標(biāo)簽,但是其實是屬于第三種的范圍的
1、使用link標(biāo)簽引用外部css樣式。2、在head部分通過style標(biāo)簽定義內(nèi)部樣式表。3、在相關(guān)的標(biāo)簽中直接使用樣式屬性。
文章題目:如何引用css樣式,引用css樣式表有哪些方法
URL分享:http://jinyejixie.com/article18/dsesogp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)頁設(shè)計公司、定制開發(fā)、微信公眾號、營銷型網(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)