HTML三種樣式引入方式

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

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

<
p style
="color: red; background: yellow;"
>look out!this text is alarmingly presented!
p>

又稱內部樣式表，必須寫在標籤中，用標籤申明。需要注意，xml語言有可能不支援嵌入式表單的寫法，一定要檢查語言的dtd。

<
html
>
<
head
>
<
title
>stylin'!
title
>
<
style 
type
="text/css"
>
h1 p 
style
>
head
>
...html
>

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

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

@import 指令

@import url(site.css);

link 元素

<
link 
rel="stylesheet"
type
="text/css"
href
="web.css"
media
="screen"
>

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

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

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