這篇文章主要介紹了css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、成都做網(wǎng)站與策劃設(shè)計(jì),九原網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:九原等地區(qū)。九原做網(wǎng)站價(jià)格咨詢:13518219792
區(qū)別:內(nèi)鏈?zhǔn)绞侵甘褂胹tyle屬性在HTML標(biāo)簽中寫css樣式;外鏈式是指將css樣式單獨(dú)寫在一個(gè)以“.css”為擴(kuò)展名的文件中,使用link標(biāo)簽引用;嵌入式使用style標(biāo)簽引用,在“”中單獨(dú)寫css樣式。
在HTML中引用css的方法有三種:內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧健?/p>
從功能上來說,這3個(gè)實(shí)現(xiàn)的功能是一樣的,都能夠達(dá)到對內(nèi)容進(jìn)行排版修飾。但是,從用法上來說,他們的使用方式是不同的,下面我們來一一區(qū)分:
(1)內(nèi)鏈?zhǔn)揭?/strong>
內(nèi)鏈?zhǔn)絚ss樣式表就是把css代碼直接寫在現(xiàn)有的HTML標(biāo)簽中,具體的使用方法如下面所示:
<div style="color:red;">設(shè)置文字的顏色為紅色</div>
這里要注意:樣式的內(nèi)容寫在元素的開始標(biāo)簽里,并且css樣式代碼要寫在雙引號中,如果有多條css樣式代碼設(shè)置可以寫在一起,中間用分號隔開。多個(gè)css樣式寫在一起的效果如下面所示:
<div style="color:red;font-size:14px;">>設(shè)置字體顏色為紅色,并且字體大小為14px</div>
(2)嵌入式引入
嵌入式樣式表與內(nèi)鏈?zhǔn)讲煌氖强梢院芊奖愕耐瑫r(shí)修改多個(gè)相同元素的樣式屬性,比如我們想要將某個(gè)標(biāo)簽內(nèi)的內(nèi)容字體都調(diào)整為紅色,并且加粗,字體大小都調(diào)整為14px;
我們?nèi)绻褂脙?nèi)鏈?zhǔn)降姆绞剑覀冃枰诿總€(gè)標(biāo)簽上都要加上樣式,代碼就如下圖所示:
從上邊可以看出,內(nèi)鏈?zhǔn)綍a(chǎn)生一堆的冗余代碼,而使用我們的嵌入式就比較簡單了,代碼如下圖所示:
由上圖可以看出,嵌入式我們只需要修改span標(biāo)簽,那么所有的span標(biāo)簽內(nèi)內(nèi)容的樣式都會跟著修改。
(3)外部式引入
外部式css樣式就是把css代碼寫一個(gè)單獨(dú)的外部文件中,這個(gè)css樣式文件以“.css”為擴(kuò)展名,一般放在<head>內(nèi)(不是在<style>標(biāo)簽內(nèi))使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)。
使用語法:
<link href="style.css" rel="stylesheet" type="text/css" />
詳細(xì)講解:
1、href=""內(nèi)部的就為css文件的地址一般以英文命名,比如 base.css或者style.css等等。
2、rel="stylesheet" type="text/css" 這是w3c的標(biāo)準(zhǔn),固定寫法不可修改。
3、<link>標(biāo)簽位置一般寫在<head>標(biāo)簽之內(nèi)。
我們在網(wǎng)站建設(shè)中,一般都會使用外部式寫法,一來可以做到代碼分離,有助于后期的修改維護(hù);二來可以減少頁面代碼的冗余,有助于優(yōu)化。具體的頁面代碼就如下圖所示:
我們以上三種寫法,最后所得到的結(jié)果都是一樣的,在網(wǎng)頁中呈現(xiàn)的效果都如下圖所示:
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!
新聞名稱:css內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧街g有哪些區(qū)別
分享地址:http://www.chinadenli.net/article4/jogooe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、全網(wǎng)營銷推廣、虛擬主機(jī)、網(wǎng)站維護(hù)、網(wǎng)站改版、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)