[css]簡明圖文詳細教程 在HTML中添加樣式表的辦法

網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。CSS語句內嵌到HTML文檔內的方法有四種。


　　1．最直接的方法是將CSS樣式語句直接寫在HTML的標識符（tag）里：

　�。糡ag style=”properties”＞文字內容＜/tag＞

　　舉個例子：

　�。紁 style=”color: blue; font-size: 10pt”＞直接嵌入CSS語句＜/p＞

　　代碼說明：用大小為10pt的藍色字體顯示“直接嵌入CSS語句”。

　　這種方法使用簡單、顯示直觀，但并不怎么常用。這種添加方法無法完全發揮樣式表“內容結構和格式控制分別保存”的優勢。


　　2．在HTML的頂部標識符…之間嵌入CSS：

　�。糷ead＞

　�。約tyle type=”text/css”＞

　�。�!--

　　樣式表的具體內容

　　--＞

　�。�/style＞

　　＜/head＞

　　type=”text/css”表示樣式表采用MIME類型，幫助不支持CSS的瀏覽器過濾掉CSS代碼，避免在瀏覽器面前直接以源代碼的方式顯示我們設置的樣式表。但為了保證上述情況一定不要發生，還是有必要在樣式表里加上注釋標識符“”。


　　3．鏈接外部樣式表

　　其方法通過鏈接的方法，引用外部的CSS樣式表，添加方式同樣是寫在頂部標識符…之間，：

　　＜head＞

　�。糽ink rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”＞

　　＜/head＞


大多數人在上網的時候，都會瀏覽網頁提供給我們的信息。