HTML 教程
CSS(Cascading Style Sheet)可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”,它定義如何顯示 HTML 元素,用于控制Web頁(yè)面的外觀。通過(guò)使用CSS實(shí)現(xiàn)頁(yè)面的內(nèi)容與表現(xiàn)形式分離,極大提高了工作效率 。樣式存儲(chǔ)在樣式表中,通常放在
部分或存儲(chǔ)在 外部CSS文件中。作為網(wǎng)頁(yè)標(biāo)準(zhǔn)化設(shè)計(jì)的趨勢(shì),CSS取得了瀏覽器廠商的廣泛支持,正越來(lái)越多的被應(yīng)用到網(wǎng)頁(yè)設(shè)計(jì)中去。HTML使用樣式
本例演示如何使用添加到 <head> 部分的樣式信息對(duì) HTML 進(jìn)行格式化。
本例演示如何使用樣式屬性做一個(gè)沒(méi)有下劃線的鏈接。
如何使用 style 屬性制作一個(gè)沒(méi)有下劃線的鏈接。
鏈接到一個(gè)外部樣式表
本例演示如何 標(biāo)簽鏈接到一個(gè)外部樣式表。
CSS 是在 HTML 4 開(kāi)始使用的,是為了更好的渲染HTML元素而引入的.
CSS 可以通過(guò)以下方式添加到HTML中:
最好的方式是通過(guò)外部引用CSS文件.
在本站的HTML教程中我們使用了內(nèi)聯(lián)CSS樣式來(lái)介紹實(shí)例,這是為了簡(jiǎn)化的例子,也使得你能更容易在線編輯代碼并在線運(yùn)行代碼。
你可以通過(guò)本站的 CSS 教程 學(xué)習(xí)更多的 CSS 知識(shí)。
當(dāng)特殊的樣式需要應(yīng)用到個(gè)別元素時(shí),就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實(shí)例顯示出如何改變段落的顏色和左外邊距。
<p style="color:blue;margin-left:20px;">這是一個(gè)段落。</p>
學(xué)習(xí)更多樣式,請(qǐng)?jiān)L問(wèn) CSS 教程.
背景色屬性(background-color)定義一個(gè)元素的背景顏色:
早期背景色屬性(background-color)是使用 bgcolor 屬性定義。
運(yùn)行代碼: 舊版HTML來(lái)設(shè)置背景方式
我們可以使用font-family(字體),color(顏色),和font-size(字體大?。傩詠?lái)定義字體的樣式:
現(xiàn)在通常使用font-family(字體),color(顏色),和font-size(字體大?。傩詠?lái)定義文本樣式,而不是使用<font>標(biāo)簽。
使用 text-align(文字對(duì)齊)屬性指定文本的水平與垂直對(duì)齊方式:
文本對(duì)齊屬性 text-align取代了舊標(biāo)簽 <center> 。
當(dāng)單個(gè)文件需要特別樣式時(shí),就可以使用內(nèi)部樣式表。你可以在<head> 部分通過(guò) <style>標(biāo)簽定義內(nèi)部樣式表:
<head> <style type="text/css"> body {background-color:yellow;} p {color:blue;} </style> </head>
當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過(guò)更改一個(gè)文件來(lái)改變整個(gè)站點(diǎn)的外觀。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
標(biāo)簽 | 描述 |
---|---|
<style> | 定義文本樣式 |
<link> | 定義資源引用地址 |
在HTML 4, 原來(lái)支持定義HTML元素樣式的標(biāo)簽和屬性已被棄用。這些標(biāo)簽將不支持新版本的HTML標(biāo)簽。
不建議使用的標(biāo)簽有: <font>, <center>, <strike>
不建議使用的屬性: color 和 bgcolor.