CSS語句內嵌到HTML文檔內的方法有四種。

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

＜Tag style=”properties”＞文字內容＜/tag＞

舉個例子：

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

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

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

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

＜head＞

＜style type=”text/css”＞

＜!--

樣式表的具體內容

--＞

＜/style＞

＜/head＞

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

3．鏈接外部樣式表

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

＜head＞

＜link rel=”stylesheet” href=”*.css” type=”text/css” media=”screen”＞

＜/head＞

總結

以上是生活随笔為你收集整理的怎么html中加样式,简明教程 在HTML中添加样式表的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。