資訊專欄INFORMATION COLUMN
摘要：中引入的方式有種方式可以在中引入。嵌入方式嵌入方式指的是在頭部中的標(biāo)簽下書寫代碼。示例嵌入方式的只對當(dāng)前的網(wǎng)頁有效。示例這是最常見的也是最推薦的引入的方式。導(dǎo)入方式導(dǎo)入方式指的是使用規(guī)則引入外部文件。
HTML 中引入 CSS 的方式
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優(yōu)缺點(diǎn)。
內(nèi)聯(lián)方式內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。
示例：
這通常是個很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個 嵌入方式指的是在 HTML 頭部中的
嵌入方式的 CSS 只對當(dāng)前的網(wǎng)頁有效。因?yàn)?CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁時這通常比較有利。因?yàn)椴榭茨０宕a的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS 樣式。因?yàn)榍度氲?CSS 只對當(dāng)前頁面有效，所以當(dāng)多個頁面需要引入相同的 CSS 代碼時，這樣寫會導(dǎo)致代碼冗余，也不利于維護(hù)。 鏈接方式指的是使用 HTML 頭部的 標(biāo)簽引入外部的 CSS 文件。 示例： 這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于多帶帶的 CSS 文件中，所以具有良好的可維護(hù)性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可。 導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。 示例： 鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用 @import。 link 屬于 HTML，通過 標(biāo)簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語句應(yīng)寫在 CSS 中，要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭，否則無法正確導(dǎo)入外部文件； @import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件； 當(dāng) HTML 文件被加載時，link 引用的文件會同時被加載，而 @import 引用的文件則會等頁面全部下載完畢再被加載； 小結(jié)：我們應(yīng)盡量使用 標(biāo)簽導(dǎo)入外部 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 文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。 轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/111167.html 摘要：嵌入方式嵌入方式的只對當(dāng)前的網(wǎng)頁有效。鏈接方式這是最常見的也是最推薦的引入的方式。是才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件使用無法引入超過條的樣式表。
css的四種引入方式
內(nèi)聯(lián)方式(行間樣式)
這通常是個很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個擁有相同的樣式，你不得不重復(fù)地為每個添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 sty... 摘要：結(jié)論就結(jié)論而言，強(qiáng)烈建議使用標(biāo)簽，慎用方式。這樣可以避免考慮的語法規(guī)則和注意事項(xiàng)，避免產(chǎn)生資源文件下載順序混亂和請求過多的煩惱。區(qū)別從屬關(guān)系區(qū)別是提供的語法規(guī)則，只有導(dǎo)入樣式表的作用是提供的標(biāo)簽，不僅可以加載文件，還可以定義連接屬性等。
我們都知道，外部引入 CSS 有2種方式，link標(biāo)簽和@import。它們有何本質(zhì)區(qū)別，有何使用建議，在考察外部引入 CSS 這部分內(nèi)容時，經(jīng)常被提... 摘要：結(jié)論就結(jié)論而言，強(qiáng)烈建議使用標(biāo)簽，慎用方式。這樣可以避免考慮的語法規(guī)則和注意事項(xiàng)，避免產(chǎn)生資源文件下載順序混亂和請求過多的煩惱。區(qū)別從屬關(guān)系區(qū)別是提供的語法規(guī)則，只有導(dǎo)入樣式表的作用是提供的標(biāo)簽，不僅可以加載文件，還可以定義連接屬性等。
我們都知道，外部引入 CSS 有2種方式，link標(biāo)簽和@import。它們有何本質(zhì)區(qū)別，有何使用建議，在考察外部引入 CSS 這部分內(nèi)容時，經(jīng)常被提... 摘要：前端之前端之前言前言昨天學(xué)習(xí)了標(biāo)記式語言，也就是無邏輯語言。今天學(xué)習(xí)，被稱之為網(wǎng)頁的化妝師。為前端頁面的樣式，由選擇器作用域與樣式塊組成。年初，組織負(fù)責(zé)的工作組開始討論第一版中沒有涉及到的問題。其討論結(jié)果組成了年月出版的規(guī)范第二版。前端之 CSS
前言
昨天學(xué)習(xí)了標(biāo)記式語言，也就是無邏輯語言。了解了網(wǎng)頁的骨架是什么構(gòu)成的，了解了常用標(biāo)簽，兩個指令以及轉(zhuǎn)義字符；其中標(biāo)簽可以分為兩大類：
一類... 擁有相同的樣式，你不得不重復(fù)地為每個
添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內(nèi)聯(lián)方式引入 CSS 代碼會導(dǎo)致 HTML 代碼變得冗長，且使得網(wǎng)頁難以維護(hù)。
嵌入方式
比較鏈接方式和導(dǎo)入方式
相關(guān)文章
CSS 從入門到放棄系列：CSS的引入方式
link和@import的區(qū)別淺析
link和@import的區(qū)別淺析
前端（二）之 CSS
發(fā)表評論
0條評論
閱讀 2088·2019-08-29 16:27
閱讀 1444·2019-08-29 16:14
閱讀 3448·2019-08-29 14:18
閱讀 3538·2019-08-29 13:56
閱讀 1324·2019-08-29 11:13
閱讀 2216·2019-08-28 18:19
閱讀 3520·2019-08-27 10:57
閱讀 2374·2019-08-26 11:39
