CSS與HTML結合

風痕影默發表於2014-11-18

CSS與HTML結合的4中方式:

1、每個HTML標籤都有style屬性

2、當頁面中有多個標籤具有相同樣式時,可定義style標籤封裝樣式以複用

       <style type=”text/css”>css程式碼</style>

3、當多個頁面使用相同樣式時,可將樣式單獨封裝為CSS檔案匯入

       <style type=”text/css”>@import url(“1.css”);</style>

4、通過HTML頭標籤中的link標籤連結一個CSS檔案

       <link rel=”stylesheet” href=”1.css” media屬性可選,預設裝置螢幕/>

技巧:為提高樣式的複用性和可擴充套件性,將多個樣式單獨定義並封裝為CSS檔案,如p.css、div.css……在一個總的CSS檔案中,使用import匯入這些CSS檔案,然後在HTML頁面中用link標籤將這個總的CSS檔案匯入即可。

相關文章