1. 鏈入外部樣式表
<head> …… <link href="mystyle.css" rel="stylesheet" type="text/css" media="all"> …… </head>
?
?
? 2.內部樣式表
<head> …… <style type="text/css"> <!-- hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} --> </style> …… </head>
??
3. 導入外部樣式表
<head> …… <style type=”text/css”> <!-- @import “mystyle.css” 其他樣式表的聲明 --> </style> …… </head>
?
例中@import “mystyle.css”表示導入mystyle.css樣式表,注意使用時外部樣式表的路徑。方法和鏈入樣式表的方法很相似,但導入外部樣式表輸入方式更有優勢。實質上它相當于存在內部樣式表中的。
注意:
導入外部樣式表必須在樣式表的開始部分,在其他內部樣式表上面
?
4. 內嵌樣式
<p style="color: sienna;margin-left: 20px;"> 這是一個段落 </p> <!--這個段落顏色為土黃,左邊距為20象素-->
?
樣式渲染的優先權限
?
?
?
<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
注釋:<!DOCTYPE> 標簽沒有結束標簽!
?
該標簽可聲明三種 DTD 類型,分別表示嚴格版本、過渡版本以及基于框架的 HTML 文檔
?
HTML 4.01 規定了三種文檔類型:Strict、Transitional 以及 Frameset。
?
HTML Strict DTD
如果您需要干凈的標記,免于表現層的混亂,請使用此類型。請與層疊樣式表(CSS)配合使用:
?
HTML Transitional DTD
Transitional DTD 可包含 W3C 所期望移入樣式表的呈現屬性和元素。如果您的讀者使用了不支持層疊樣式表(CSS)的瀏覽器以至于您不得不使用 HTML 的呈現特性時
?
Frameset DTD
Frameset DTD 應當被用于帶有框架的文檔。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
