01 CSS套用方式

行內套用


直接在DOM物件內直接宣告樣式。舉例來說:

<p style=color:blue>此為:行內套用CSS</p>


嵌入套用

CSS樣式亦可以嵌入於HTML文件中(建議:通常嵌入在<head>內。)舉例來說:

<head> 
  <style type="text/css"> 
    div { 
      background-color:#FF0000; 
    } 
  </style> 
</head>


外路連接套用

若CSS樣式儲存在另外一個檔案中。通常副檔案應為filename.css。在HTML文件的<head>...</head>之中,我們將以下的方式來將宣告的CSS樣式加入至HTML文件內。

<link rel=stylesheet type="text/css" href="filename.css">


匯入套用

外部的CSS樣式也可以被匯入至HTML文件中。運用@import,舉例來說:

<head> 
  <style type="text/css"> 
    @import url(http://www.css_site.com/style.css); 
  </style> 
</head>


Comments