在學習應用css之前我們要先了解什麼是css。 CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
* CSS語言是一種標記語言,它不需要編譯,可以直接由瀏覽器執行(屬於瀏覽器解釋型語言).
* 在標準網頁設計中CSS負責網頁內容(XHTML)的表現.
* CSS檔案也可以說是一個文字檔案,它包含了一些CSS標記,CSS檔案必須使用css為檔案名稱後綴.
* 可以透過簡單的變更CSS檔案,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.
* CSS是由W3C的CSS工作組產生和維護的.
了解了什麼是css後我們就可以方便對其應用了,我們可以用以下兩種方式加入你的部落格當中去,由於css的應用方式有就近原則。也就是說最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆寫重疊的定義。
鏈入外部樣式表檔(Linking to a Style Sheet)
你可以先建立外部樣式表檔(.css),然後再使用HTML的link物件。範例如下:
<head>
<title>文件標題</title>
<link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css">
</head>
而在XML中,你應該如下例所示在聲明區中加入:
<? xml-stylesheet type="text/css" href=" http://www.123-seo.cn/dhtmlet. css " ?>
定義內部樣式塊物件(Embedding a Style Block)
你可以在你的HTML文檔的<HTML>和<BODY>標記之間插入一個<STYLE>...</STYLE>塊物件。 定義方式請參考樣式表語法。範例如下:
<html>
<head>
<title>文件標題</title>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt 「Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
</head>
<body>
請注意,這裡將style物件的type屬性設定為"text/css",是允許不支援這類型的瀏覽器忽略樣式表單。