萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 添加css樣式的三種方法

添加css樣式的三種方法

 一,行內式樣式(Inline Style)

  即使用style屬性,將CSS直接寫在HTML標簽中。

  例如:<p style="color:red">這行段落將顯示為紅色。</p>

  注意:style屬性可以用在<body>內的所有(X)HTML標簽上,但不能應用與<body>以外的標簽,如<title><head>等標簽。

  二,嵌入式樣式表(Embedded Style Sheets)

  嵌入式樣式表使用“<style></style>”標簽嵌入到(X)HTML文件的頭部中,代碼如下:

  <head>

  <style type="text/css">

  <!--

  .class{

    color:red;

  } 

  --> 

  </style>

  </head>

  注意:對於一些不能識別<style>標簽的浏覽器,使用(X)HTML的注釋標簽<!-- 注釋文字 -->把樣式包含進來。這樣,不支持<style>標簽的的浏覽器會忽略樣式內容,而支持<style>標簽的浏覽器會解讀樣式表。

  三,外部樣式表(Link Style Sheets)

  在<head>標簽內使用<link>標簽將樣式表文件連接到(X)HTML文件中。

  代碼如下:

  <head>

  <link style="stylesheet" href="myclass.css" type="text/css" />

  </head>

copyright © 萬盛學電腦網 all rights reserved