1.首先,從功能上來(lái)說(shuō),這3個(gè)實(shí)現(xiàn)的功能是一樣的,都能夠達(dá)到對(duì)內(nèi)容進(jìn)行排版修飾。
創(chuàng)新互聯(lián)公司是專(zhuān)業(yè)的咸陽(yáng)網(wǎng)站建設(shè)公司,咸陽(yáng)接單;提供成都做網(wǎng)站、網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行咸陽(yáng)網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
2.但是,從用法上來(lái)說(shuō),他們的使用方式是不同的,下面我們來(lái)一一區(qū)分:
第一種,外部式,是單獨(dú)寫(xiě)一個(gè)以.css為擴(kuò)展名的文件,然后在head/head中使用link標(biāo)簽,將css樣式鏈接到html中
舉個(gè)例子:link href="css樣式的名字(一般自己取).css" rel="stylesheet" type="text/css"
這里需要注意的是,rel="stylesheet"和type="text/css"是固定寫(xiě)法,不可修改
第二種,嵌入式,這個(gè)可以理解為嵌套,現(xiàn)在body/body文本中寫(xiě)下需要的元素標(biāo)簽,比如span,然后在head/head中單獨(dú)寫(xiě)一個(gè)css樣式
舉個(gè)例子:
head
style type="text/css"
span{color:re;}
/style
/head
body
p萊昂納多演的span了不起的蓋茨比/span非常好看。/p
/body
這里就是用嵌入式,對(duì)了不起的蓋茨比設(shè)置顏色,不過(guò),設(shè)置的具體樣式,我們寫(xiě)在head/head中,在body/body中只對(duì)要設(shè)置樣式的內(nèi)容加入元素標(biāo)簽。
第三種,內(nèi)聯(lián)式,這個(gè)是3個(gè)里面最容易的,我們既不需要另寫(xiě)一個(gè)以“.css"為擴(kuò)展名的文件,也不需要單獨(dú)在head/head中設(shè)置樣式,這里,我們可以直接寫(xiě)在body/body的元素標(biāo)簽中
舉個(gè)例子:
body
p萊昂納多演的span style="color:red"了不起的蓋茨比/span非常好看。/p
/body
最后,我們來(lái)說(shuō)一下優(yōu)先級(jí)或者權(quán)重值(也叫做權(quán)值,這3個(gè)說(shuō)法實(shí)際一個(gè)意思)
這個(gè)涉及到以后學(xué)習(xí)的內(nèi)容,我在這里先補(bǔ)充下:
內(nèi)聯(lián)樣式的權(quán)值為:1000
ID選擇器的權(quán)值為:100
類(lèi)或偽類(lèi)的權(quán)值為:10
元素和偽元素的權(quán)值為:1
連接符和通配符(*)的權(quán)值為0
繼承的權(quán)值連0都沒(méi)有(如果不想這樣理解,可以理解為繼承的權(quán)值是所有里面最小最小的)
那現(xiàn)在我們來(lái)看內(nèi)聯(lián)式,它是1000,所以?xún)?nèi)聯(lián)式,外部式,嵌入式都有的情況下,權(quán)重最大的執(zhí)行,所以此時(shí)是內(nèi)聯(lián)式的樣式
外部式和嵌入式的權(quán)值在一樣的情況下,瀏覽器會(huì)執(zhí)行覆蓋命令,所以寫(xiě)在后面的會(huì)被執(zhí)行
CSS按其位置可以分成三種:
* 內(nèi)部樣式表(Internal Style Sheet)
* 內(nèi)嵌樣式(Inline Style)
* 外聯(lián)樣式表(External Style Sheet)
內(nèi)部樣式是把css文檔寫(xiě)在head/head里面的。只對(duì)樣式所在網(wǎng)頁(yè)有效。
內(nèi)嵌樣式:就是把css代碼寫(xiě)在body中的tag中,只對(duì)該tag有效,如:p style="color:red;text-align:center;font-size:15pt"
外聯(lián)樣式表:將樣式(Styles)寫(xiě)在一個(gè)以.css為后綴的CSS文件里,然后在每個(gè)需要用到這些樣式(Styles)的網(wǎng)頁(yè)里引用這個(gè)CSS文件。
希望能幫助到你。
1. link標(biāo)簽是屬于xhtml范疇,而@import則是css2.1中特有的。link標(biāo)簽除了可以加載CSS外,還可以做很多其它的事情,比如定義RSS,定義rel連接屬性等,@import就只能加載CSS了。
2. 加載的順序的區(qū)別,link加載的css時(shí),是一種并行(沒(méi)有嘗試是否是這樣)加載CSS方式,而@import則在整個(gè)頁(yè)面加載完成后才加載。
3. 兼容性的區(qū)別,因@import是CSS2.1才特有的,所以對(duì)于不兼容CSS2.1的瀏覽器來(lái)說(shuō),無(wú)效。
4. 在樣式控制上(比如動(dòng)態(tài)改變網(wǎng)頁(yè)的布局時(shí),使用javascript操作DOM)的區(qū)別,此時(shí)@import就無(wú)能為力了。
CSS外鏈?zhǔn)脚c內(nèi)聯(lián)式其實(shí)是沒(méi)有本質(zhì)的區(qū)別的,外鏈式相對(duì)于內(nèi)聯(lián)式容易管理,把相同的屬性寫(xiě)在一起又避免了代碼的冗余。
內(nèi)聯(lián)樣式就是放在html頁(yè)面內(nèi)部的樣式表:
style?type="text/css"
.test?{?color:red?}
/style
外聯(lián)就是與html頁(yè)面分離的外部樣式表:
link?rel="stylesheet"?type="text/css"?href="../css/test.css"?/
從執(zhí)行速度來(lái)講,內(nèi)聯(lián)樣式是最快的!
網(wǎng)站題目:css樣式外鏈的區(qū)別,外鏈?zhǔn)絚ss樣式
轉(zhuǎn)載來(lái)源:http://m.rwnh.cn/article36/dscocsg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、商城網(wǎng)站、搜索引擎優(yōu)化、面包屑導(dǎo)航、Google、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容