<p style="text-align: left;">一、行內式</p> <p style="text-align: left;">1、範例:</p> <p style="text-align: left;"> <H1 style="color:white;backgroud-color:blue">行內式引入CSS</H1> </p> <p style="text-align: left;">2、效果:</p> <p style="text-align: left;"> 僅對此<H1>識別有效,即「行內式引入CSS」在網頁中以藍底白字顯示</p> <p style="text-align: left;">二、內嵌式</p> <p style="text-align: left;">1、範例:</p>## <style type="text/css"><p style="text-align: left;"></p> h1<p style="text-align: left;"></p> {<p style="text-align: left;"></p> color:wihite;<p style="text-align: left;"></p> backgroud-color:blue;<p style="text-align: left;"></p> }<p style="text-align: left;">#> &</p># &<p style="text-align: left;"># &</p># &<p style="text-align: left;"># # 網頁中所有的<h1>標識內容皆是以藍底白字顯示</p> <p style="text-align: left;">三、導入式</p> <p style="text-align: left;">範例:<style type="text/css"></p> <p style="text-align: left;"> @import "mycss.css";</p> <p style="text-align: left;"> </style></p> <p style="text-align: left;">四、鏈接式</p> <p style="text-align: left;">樣例:<link href="mycss .css" rel="stylesheet" type="text/css" /></p> <p style="text-align: left;">五、導入式與連結式的區別:</p> <p style="text-align: left;">1、兩者差別不大,導入式是由CSS規範所實現的,連結式是由HTML規範所實現的;</p> <p style="text-align: left;">2、導入式在網頁載入之後再載入CSS文件,連結式在網頁載入之前就載入CSS文件; </p>