css (Cascading Style Sheets),層疊樣式表，為html標記語言提供了一種樣式描述，定義了其中元素的顯示方式。用于控制Web頁面的外觀。通過使用 css 實現(xiàn)頁面的內(nèi)容與表現(xiàn)形式分離，極大提高了工作效率 。樣式存儲在樣式表中，通常放在 <head> 部分或存儲在 外部 CSS 文件中。作為網(wǎng)頁標準化設計的趨勢，CSS 取得了瀏覽器廠商的廣泛支持，正越來越多的被應用到網(wǎng)頁設計中去。 網(wǎng)頁現(xiàn)在的新標準是 W3C 。目前的模式是 html + Css + JavaScript ，如何理解呢，就是 Html 是網(wǎng)頁的結構，CSS 是網(wǎng)頁的樣式，JavaScript是行為。結構就是蓋房子先要把結構建出來，然后用 CSS 來裝飾。其實你在用 Dreamweaver 做網(wǎng)頁時就已經(jīng)用到了 CSS，比如你用 DW 的屬性面板來設置一個字的字體、顏色和大小，當你選好后，就會自動生成一個 .style1 的紅色代碼，在 <style></style> 之間不知道你注意過沒有，這就是 CSS。 如何使用 CSSCSS 是在 HTML 4 開始使用的,是為了更好的渲染 HTML 元素而引入的. CSS 可以通過以下方式添加到 HTML 中:
最好的方式是通過外部引用 CSS 文件 內(nèi)聯(lián)樣式當特殊的樣式需要應用到個別元素時，就可以使用內(nèi)聯(lián)樣式，你可以在 <head> 部分通過 <style> 標簽定義內(nèi)部樣式表。 使用內(nèi)聯(lián)樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色。 實例<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>HTML樣式實例 - 背景顏色背景色屬性（background-color）定義一個元素的背景顏色： <!DOCTYPE html> <html> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> </body> </html> 早期背景色屬性（background-color）是使用 bgcolor 屬性定義。 HTML 樣式實例 - 字體,字體顏色 ，字體大小我們可以使用 font-family（字體），color（顏色），和 font-size（字體大小）屬性來定義字體的樣式: 實例<!DOCTYPE html> <html> <body> <h1>A heading</h1> <p>A paragraph.</p> </body> </html> 現(xiàn)在通常使用 font-family（字體），color（顏色），和 font-size（字體大小）屬性來定義文本樣式，而不是使用 <font> 標簽。 HTML 樣式實例 - 文本對齊方式使用 text-align（文字對齊）屬性指定文本的水平與垂直對齊方式： 實例<!DOCTYPE html> <html> <body> <h1>Center-aligned heading</h1> <p>This is a paragraph.</p> </body> </html> 文本對齊屬性 text-align 取代了舊標簽 <center> 。 內(nèi)部樣式表當單個文件需要特別樣式時，就可以使用內(nèi)部樣式表。你可以在 <head> 部分通過 <style> 標簽定義內(nèi)部樣式表: 實例<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>外部樣式表當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。 <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> 已棄用的標簽和屬性在 HTML 4,原來支持定義 HTML 元素樣式的標簽和屬性已被棄用。這些標簽將不支持新版本的 HTML 標簽。 不建議使用的標簽有: <font>,<center>,<strike> 不建議使用的屬性: color 和 bgcolor. |
