亚洲欧美综合精品二区,亚洲av无码国产精品夜色午夜,亚洲精品无码乱码成人,亚洲精品成人久久久,亚洲av成人午夜电影在线观看

話本小說網(wǎng) > 玄幻奇幻小說 > HTML初學(xué)者教程
本書標(biāo)簽: 玄幻奇幻 

12.HTML 樣式- CSS

HTML初學(xué)者教程

*CSS (Cascading Style Sheets) 用于渲染HTML元素標(biāo)簽的樣式。

一、如何使用CSS

CSS 是在 HTML 4 開始使用的,是為了更好的渲染HTML元素而引入的.

CSS 可以通過以下方式添加到HTML中:

內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性

內(nèi)部樣式表 -在HTML文檔頭部 <head> 區(qū)域使用<style> 元素 來包含CSS

外部引用 - 使用外部 CSS 文件

最好的方式是通過外部引用CSS文件

二、內(nèi)聯(lián)樣式

*當(dāng)特殊的樣式需要應(yīng)用到個別元素時,就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標(biāo)簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。

<p style="color:blue;margin-left:20px;">段落</p>

三、HTML樣式實例 - 背景顏色

背景色屬性(background-color)定義一個元素的背景顏色:

實例

<body style="background-color:yellow;">

<h2 style="background-color:red;">標(biāo)題</h2>

<p style="background-color:green;">內(nèi)容段落</p>

</body>

*早期背景色屬性(background-color)是使用 bgcolor 屬性定義。

四、HTML 樣式實例 - 字體, 字體顏色 ,字體大小

我們可以使用font-family(字體),color(顏色),和font-size(字體大小)屬性來定義字體的樣式:

實例

<h1 style="font-family:verdana;">標(biāo)題</h1>

<p style="font-family:arial;color:red;font-size:20px;">段落</p>

*現(xiàn)在通常使用font-family(字體),color(顏色),和font-size(字體大?。傩詠矶x文本樣式,而不是使用<font>標(biāo)簽。

五、HTML 樣式實例 - 文本對齊方式

使用 text-align(文字對齊)屬性指定文本的水平與垂直對齊方式:

實例

<h1 style="text-align:center;">標(biāo)題(居中對齊)</h1>

<p>段落。</p>

*文本對齊屬性 text-align取代了舊標(biāo)簽 <center> 。

六、內(nèi)部樣式表

當(dāng)單個文件需要特別樣式時,就可以使用內(nèi)部樣式表。你可以在<head> 部分通過 <style>標(biāo)簽定義內(nèi)部樣式表:

<head>

<style type="text/css">

body {background-color:yellow;}

p {color:blue;}

</style>

</head>

七、外部樣式表

當(dāng)樣式需要被應(yīng)用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

八、HTML 樣式標(biāo)簽

九、已棄用的標(biāo)簽和屬性

*在HTML 4, 原來支持定義HTML元素樣式的標(biāo)簽和屬性已被棄用。這些標(biāo)簽將不支持新版本的HTML標(biāo)簽。

不建議使用的標(biāo)簽有: <font>, <center>, <strike>

不建議使用的屬性: color 和 bgcolor

上一章 11.HTML 頭部 HTML初學(xué)者教程最新章節(jié) 下一章 13.HTML 圖像
?