首頁 > web前端 > 前端問答 > css外聯與內聯嵌入區別

css外聯與內聯嵌入區別

藏色散人
發布: 2023-01-03 09:23:45
原創
4003 人瀏覽過

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

css外聯與內聯嵌入區別

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

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

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

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

1,內聯樣式寫法

<p style="color:red;"></p>
登入後複製

2,外聯樣式寫法

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

<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>
登入後複製

3,嵌套樣式寫法

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

<head>
<style type="text/css">
span{color:re;}
</style>
</head>
登入後複製

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

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

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

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板