css外聯(lián)和內(nèi)聯(lián)嵌入有哪些區(qū)別

發(fā)布時間：2021-02-19 11:06:33 來源：億速云閱讀：541 作者：小新欄目：web開發(fā)

這篇文章主要介紹了css外聯(lián)和內(nèi)聯(lián)嵌入有哪些區(qū)別，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

css外聯(lián)和內(nèi)聯(lián)嵌入?yún)^(qū)別有：1、三種樣式的寫法不同；2、三種方式在實際使用中權(quán)重優(yōu)先級不同，其從高到低的排序是“嵌入>內(nèi)聯(lián)>外聯(lián)”。

css外聯(lián)和內(nèi)聯(lián)、嵌入的區(qū)別是什么？

首先，從功能上來說，這3個實現(xiàn)的功能是一樣的，都能夠達到對內(nèi)容進行排版修飾。

但是，從寫法上來說，他們是不同的，下面我們來一一區(qū)分：

1，內(nèi)聯(lián)樣式寫法

<p style="color:red;"></p>

2，外聯(lián)樣式寫法

是單獨寫一個以css為擴展名的文件，然后在<head></head>中使用<link>標(biāo)簽，將css樣式鏈接到html中。舉個例子：

<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>

3，嵌套樣式寫法

這個可以理解為嵌套，現(xiàn)在<body></body>文本中寫下需要的元素標(biāo)簽，比如span，然后在<head></head>的<style type="text/css"></style>中單獨寫一個css樣式。舉個例子：

<head>
<style type="text/css">
span{color:re;}
</style>
</head>

優(yōu)先級的不同（推薦：css視頻教程）

三種方式在實際使用中，權(quán)重優(yōu)先級從高到低：嵌入>內(nèi)聯(lián)>外聯(lián)。比較通用的樣式適合抽離出來用外聯(lián)，提高復(fù)用性，同時降低樣式和內(nèi)容的耦合；元素獨立的不太多的樣式感覺可以用嵌入式方便些。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css外聯(lián)和內(nèi)聯(lián)嵌入有哪些區(qū)別”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細(xì)節(jié)

猜你喜歡