內聯css也可稱為行內css或者行級css，它直接在標籤內部引入，顯著的優點是十分的便捷、高效；但是同時也造成了不能夠重用樣式的缺點，如果**行數到達一定長度不建議採用。通常內聯css作為測試使用，可以查詢**中bug。
1<
body
>
2<
div
style
="width: 65px;height: 20px;border: 1px solid;"
>測試元素
div>
3body
>
頁級css也可稱為內部css，整體是放在head標籤裡邊的，在style標籤裡邊定義樣式，作用範圍和字面意思相同，僅限於本頁面的元素；如果你寫的**超過了幾百行，想想每次把**頁拉到最上邊都很煩，所以它在可維護性方面較差。
1<
head
>
2<
meta
charset
="utf-8"
/>
3<
title
>測試
title
>
4<
style
type
="text/css"
>
5div
11style
>
12head
>
外聯css也可稱為外部css，在實際的專案中通常使用此種方式，它只在頁面中使用link或者@import引入即可，可維護性好；並且外聯css是乙個單獨的檔案，可以作用於多個頁面，在修改的時候可以針對性地修改某一塊區域，達到多個頁面樣式同時變更，相較於內聯css和頁級css，省去了到每個頁面修改的步驟，提高了開發效率，同時一定程度提高了效能。
接下來具體說說link和@import的區別：
(1)link:
link語法格式中，rel指的是關聯(relation)，type指的是型別，href指的是鏈結檔案路徑。
link的作用主要用來引入css和網頁圖示，指示告知搜尋引擎，網頁之間的關係等。
(2)@import:
@import語法格式務必寫在style標籤中，後直接加檔案路徑即可。
@import作用在css檔案和頁面中，可以在乙個css檔案中引入其他的css檔案，例如在index.css檔案中引入其他css檔案的樣式，整合在一起後，再在index.html中呼叫一次即可，在實際專案中經常使用，方便管理和維護。
(3)二者載入順序影響
html載入過程：1) 載入html-dom結構
2)css和js
3)和多**
4)載入事件觸發
link和@import都沒有放置順序的要求，但是不同的放置位置可能會造成效果顯示的差異。對於link，無論放到哪個位置，都是一邊載入資料，一邊進行優化，視覺感受很好；而對於@import，放置到**，才從**開始載入css樣式，即先載入資料，然後載入樣式，如果網速不佳，可能會造成只有資料出來，而樣式一點點載入的效果。並且在同乙個頁面中，呼叫兩種方式，link永遠比@import優先順序高。
在專案中使用的時候，一般在頁面中呼叫方式為link，並且放在head標籤中；使用@import除了在css檔案中，在頁面呼叫時，一般載入第三方的樣式會使用到，並且需要放置在頁面的底部，不會影響自己的**。
CSS三種引入方式 內聯 頁級 外聯
內聯css也可稱為行內css或者行級css，它直接在標籤內部引入，顯著的優點是十分的便捷 高效 但是同時也造成了不能夠重用樣式的缺點，如果 行數到達一定長度不建議採用。通常內聯css作為測試使用，可以查詢 中bug。測試元素 頁級css也可稱為內部css，整體是放在head標籤裡邊的，在style標...
css三種引入方式
行內 標籤內部 head內 style標籤 link 引入外部 href rel stylesheet style type import url style 選擇類 選擇id 一 三種css樣式規則的定義語法 名稱 語法 使用方式 1 標記選擇器 標記名稱 p2 id選擇器 id名稱 3 類選擇器...
CSS的三種引入方式
內聯css也稱為行內css或者行級css，它直接在標籤內引入。優點 便捷 高效 缺點 不能夠重用樣式，行數多的時候不建議使用 頁級css也稱為內部css，整體放在head標籤裡面，在style標籤裡面定義樣式，作用範圍僅限於本頁面。缺點 可維護性差 外聯css也稱為外部css，在實際專案中通常使用此...