首頁  >  文章  >  web前端  >  css外聯與內聯嵌入區別

css外聯與內聯嵌入區別

藏色散人
藏色散人原創
2021-02-19 09:20:553919瀏覽

css外聯和內聯嵌入區別有:1、三種樣式的寫法不同;2、三種方式在實際使用中權重優先級不同,其從高到低的排序是「嵌入> ;內聯>外聯」。

css外聯與內聯嵌入區別

本教學操作環境:Windows7系統、Dell G3電腦、CSS3版。

css外接和內嵌、嵌入的差別是什麼?

首先,從功能上來說,這3個實現的功能是一樣的,都能夠達到對內容進行排版修飾。

但是,從寫法上來說,他們是不同的,下面我們來一一區分:

1,內聯樣式寫法

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

2,外聯樣式寫法

是單獨寫一個以css為副檔名的文件,然後在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中使用2cdf5bf648cf2f33323966d7f58a7f3f標籤,將css樣式連結到html。舉個例子:

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

3,嵌套樣式寫法

這個可以理解為嵌套,現在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956文字中寫下所需的元素標籤,例如span,然後在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1的080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927中單獨寫一個css樣式。舉個例子:

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

優先順序的不同(建議:css影片教學

三種方式在實際使用中,權重優先級從高到低:嵌入>內嵌>外聯。比較通用的樣式適合抽離出來用外聯,提高復用性,同時降低樣式和內容的耦合;元素獨立的不太多的樣式感覺可以用嵌入式方便些。

以上是css外聯與內聯嵌入區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn