HTML三種樣式引入方式

文章位址

html有三種樣式引入方式：行內樣式(inline styles)、嵌入式樣式表(embedded style sheets)、外部樣式表(external style sheets)。

又稱內聯表單樣式，它直接寫在標籤內部，用style屬性宣告。行內樣式不能實現所有的樣式，比如hover和@import。

look out!this text is alarmingly presented!

又稱內部樣式表，必須寫在

...

外部樣式表較其他兩種方式，優勢在於：1. 利用通用樣式表，減少重複樣式的冗餘編碼和修改；2. 內容與樣式分開儲存，加快了編碼的效率，同時增加了文件的可讀性；3.外部樣式表可以被快取，減少了頻寬的使用，加快了網頁開啟的速度。

外部樣式表有三種引入格式，具體如下：

@import 指令

@import url(site.css);

link 元素

rel表示文件與被鏈結文件之間的關係，比如rel="stylesheet"表示鏈結文件為文件的外部樣式表，rel="contents"表示鏈結文件為文件的目錄；type表示文件的mime型別，href表示被鏈結文件的位置；media表示被鏈結文件可顯示的裝置型別。

xml樣式表處理指令:只適用於xml文件

<?xml-stylesheet type="text/css" href="basic.css" media="all"?>

注意：樣式表的載入順序應當滿足：a)被引用的樣式表要在引用它的樣式表前面；b)樣式優先順序高的樣式表在優先順序低的樣式表的後面，比如區域性定義表單section.css要在全域性樣式定義表單mian.css的後面。