DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 添加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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved