內聯css也可稱為行內css或者行級css，它直接在標籤內部引入，顯著的優點是十分的便捷、高效；但是同時也造成了不能夠重用樣式的缺點，如果**行數到達一定長度不建議採用。通常內聯css作為測試使用，可以查詢**中bug。
測試元素
接下來具體說說link和@import的區別：
外聯css也可稱為外部css，在實際的專案中通常使用此種方式，它只在頁面中使用link或者@import引入即可，可維護性好；並且外聯css是乙個單獨的檔案，可以作用於多個頁面，在修改的時候可以針對性地修改某一塊區域，達到多個頁面樣式同時變更，相較於內聯css和頁級css，省去了到每個頁面修改的步驟，提高了開發效率，同時一定程度提高了效能。
link的作用主要用來引入css和網頁圖示，指示告知搜尋引擎，網頁之間的關係等。
@import:@import作用在css檔案和頁面中，可以在乙個css檔案中引入其他的css檔案，例如在index.css檔案中引入其他css檔案的樣式，整合在一起後，再在index.html中呼叫一次即可，在實際專案中經常使用，方便管理和維護。
二者載入順序影響
html載入過程：
載入html-dom結構
css和js
和多**
載入事件觸發
link和@import都沒有放置順序的要求，但是不同的放置位置可能會造成效果顯示的差異。對於link，無論放到哪個位置，都是一邊載入資料，一邊進行優化，視覺感受很好；而對於@import，放置到**，才從**開始載入css樣式，即先載入資料，然後載入樣式，如果網速不佳，可能會造成只有資料出來，而樣式一點點載入的效果。並且在同乙個頁面中，呼叫兩種方式，link永遠比@import優先順序高。
在專案中使用的時候，一般在頁面中呼叫方式為link，並且放在head標籤中；使用@import除了在css檔案中，在頁面呼叫時，一般載入第三方的樣式會使用到，並且需要放置在頁面的底部，不會影響自己的**。
CSS三種引入方式 內聯 頁級 外聯
內聯css也可稱為行內css或者行級css，它直接在標籤內部引入，顯著的優點是十分的便捷 高效 但是同時也造成了不能夠重用樣式的缺點，如果 行數到達一定長度不建議採用。通常內聯css作為測試使用，可以查詢 中bug。1 body 2 div style width 65px height 20px ...
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，在實際專案中通常使用此...