溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了css內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧街g有哪些區(qū)別，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
區(qū)別：內(nèi)鏈?zhǔn)绞侵甘褂胹tyle屬性在HTML標(biāo)簽中寫css樣式；外鏈?zhǔn)绞侵笇ss樣式單獨寫在一個以“.css”為擴展名的文件中，使用link標(biāo)簽引用；嵌入式使用style標(biāo)簽引用，在“”中單獨寫css樣式。
在HTML中引用css的方法有三種：內(nèi)鏈?zhǔn)健⑼怄準(zhǔn)胶颓度胧健?/p>
從功能上來說，這3個實現(xiàn)的功能是一樣的，都能夠達到對內(nèi)容進行排版修飾。但是，從用法上來說，他們的使用方式是不同的，下面我們來一一區(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è)置可以寫在一起，中間用分號隔開。多個css樣式寫在一起的效果如下面所示：
<div style="color:red;font-size:14px;">>設(shè)置字體顏色為紅色，并且字體大小為14px</div>
（2）嵌入式引入
嵌入式樣式表與內(nèi)鏈?zhǔn)讲煌氖强梢院芊奖愕耐瑫r修改多個相同元素的樣式屬性，比如我們想要將某個標(biāo)簽內(nèi)的內(nèi)容字體都調(diào)整為紅色，并且加粗，字體大小都調(diào)整為14px；
我們?nèi)绻褂脙?nèi)鏈?zhǔn)降姆绞剑覀冃枰诿總€標(biāo)簽上都要加上樣式，代碼就如下圖所示：
從上邊可以看出，內(nèi)鏈?zhǔn)綍a(chǎn)生一堆的冗余代碼，而使用我們的嵌入式就比較簡單了，代碼如下圖所示：
由上圖可以看出，嵌入式我們只需要修改span標(biāo)簽，那么所有的span標(biāo)簽內(nèi)內(nèi)容的樣式都會跟著修改。
（3）外部式引入
外部式css樣式就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名，一般放在<head>內(nèi)（不是在<style>標(biāo)簽內(nèi)）使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi)。
使用語法：
<link href="style.css" rel="stylesheet" type="text/css" />
詳細講解：
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è)中，一般都會使用外部式寫法，一來可以做到代碼分離，有助于后期的修改維護；二來可以減少頁面代碼的冗余，有助于優(yōu)化。具體的頁面代碼就如下圖所示：
我們以上三種寫法，最后所得到的結(jié)果都是一樣的，在網(wǎng)頁中呈現(xiàn)的效果都如下圖所示：
感謝你能夠認真閱讀完這篇文章，希望小編分享css內(nèi)鏈?zhǔn)?、外鏈?zhǔn)胶颓度胧街g有哪些區(qū)別內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學(xué)習(xí)!
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
