資訊專欄INFORMATION COLUMN
摘要：中引入的方式有種方式可以在中引入。嵌入方式嵌入方式指的是在頭部中的標簽下書寫代碼。示例嵌入方式的只對當前的網頁有效。示例這是最常見的也是最推薦的引入的方式。導入方式導入方式指的是使用規則引入外部文件。
HTML 中引入 CSS 的方式
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優缺點。
內聯方式內聯方式指的是直接在 HTML 標簽中的 style 屬性中添加 CSS。
示例：
這通常是個很糟糕的書寫方式，它只能改變當前標簽的樣式，如果想要多個 嵌入方式指的是在 HTML 頭部中的
嵌入方式的 CSS 只對當前的網頁有效。因為 CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當我們寫模板網頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看 HTML 結構和 CSS 樣式。因為嵌入的 CSS 只對當前頁面有效，所以當多個頁面需要引入相同的 CSS 代碼時，這樣寫會導致代碼冗余，也不利于維護。 鏈接方式指的是使用 HTML 頭部的 標簽引入外部的 CSS 文件。 示例： 這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于多帶帶的 CSS 文件中，所以具有良好的可維護性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可。 導入方式指的是使用 CSS 規則引入外部 CSS 文件。 示例： 鏈接方式（下面用 link 代替）和導入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用 @import。 link 屬于 HTML，通過 標簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導入語句應寫在 CSS 中，要注意的是導入語句應寫在樣式表的開頭，否則無法正確導入外部文件； @import 是 CSS2.1 才出現的概念，所以如果瀏覽器版本較低，無法正確導入外部樣式文件； 當 HTML 文件被加載時，link 引用的文件會同時被加載，而 @import 引用的文件則會等頁面全部下載完畢再被加載； 小結：我們應盡量使用 標簽導入外部 CSS 文件，避免或者少用使用其他三種方式。 參考資料： http://www.stevesouders.com/blog/2009/04/09/dont-use-import http://matthewjamestaylor.com/blog/adding-css-to-html-with-link-embed-inline-and-import 文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。 轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/111167.html 摘要：嵌入方式嵌入方式的只對當前的網頁有效。鏈接方式這是最常見的也是最推薦的引入的方式。是才出現的概念，所以如果瀏覽器版本較低，無法正確導入外部樣式文件使用無法引入超過條的樣式表。
css的四種引入方式
內聯方式(行間樣式)
這通常是個很糟糕的書寫方式，它只能改變當前標簽的樣式，如果想要多個擁有相同的樣式，你不得不重復地為每個添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 sty... 摘要：結論就結論而言，強烈建議使用標簽，慎用方式。這樣可以避免考慮的語法規則和注意事項，避免產生資源文件下載順序混亂和請求過多的煩惱。區別從屬關系區別是提供的語法規則，只有導入樣式表的作用是提供的標簽，不僅可以加載文件，還可以定義連接屬性等。
我們都知道，外部引入 CSS 有2種方式，link標簽和@import。它們有何本質區別，有何使用建議，在考察外部引入 CSS 這部分內容時，經常被提... 摘要：結論就結論而言，強烈建議使用標簽，慎用方式。這樣可以避免考慮的語法規則和注意事項，避免產生資源文件下載順序混亂和請求過多的煩惱。區別從屬關系區別是提供的語法規則，只有導入樣式表的作用是提供的標簽，不僅可以加載文件，還可以定義連接屬性等。
我們都知道，外部引入 CSS 有2種方式，link標簽和@import。它們有何本質區別，有何使用建議，在考察外部引入 CSS 這部分內容時，經常被提... 摘要：前端之前端之前言前言昨天學習了標記式語言，也就是無邏輯語言。今天學習，被稱之為網頁的化妝師。為前端頁面的樣式，由選擇器作用域與樣式塊組成。年初，組織負責的工作組開始討論第一版中沒有涉及到的問題。其討論結果組成了年月出版的規范第二版。前端之 CSS
前言
昨天學習了標記式語言，也就是無邏輯語言。了解了網頁的骨架是什么構成的，了解了常用標簽，兩個指令以及轉義字符；其中標簽可以分為兩大類：
一類... 擁有相同的樣式，你不得不重復地為每個
添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內聯方式引入 CSS 代碼會導致 HTML 代碼變得冗長，且使得網頁難以維護。
嵌入方式
比較鏈接方式和導入方式
相關文章
CSS 從入門到放棄系列：CSS的引入方式
link和@import的區別淺析
link和@import的區別淺析
前端（二）之 CSS
發表評論
0條評論
閱讀 2001·2019-08-29 16:27
閱讀 1370·2019-08-29 16:14
閱讀 3372·2019-08-29 14:18
閱讀 3455·2019-08-29 13:56
閱讀 1252·2019-08-29 11:13
閱讀 2118·2019-08-28 18:19
閱讀 3439·2019-08-27 10:57
閱讀 2272·2019-08-26 11:39
