做自(zì)由與創造的先行者

HTML 樣式

HTML中文(wén)手冊

style 屬性用(yòng)于改變 HTML 元素的樣式。

This text is in Verdana and red

This text is in Times and blue

This text is 30 pixels high

HTML 的 style 屬性

style 屬性的作(zuò)用(yòng):

提供了(le)一種改變所有 HTML 元素的樣式的通用(yòng)方法。

樣式是 HTML 4 引入的,它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式,能(néng)夠通過使用(yòng) style 屬性直接将樣式添加到(dào) HTML 元素,或者間接地在獨立的樣式表中(CSS 文(wén)件)進行定義。

您可以在我們的 CSS 教程中學習關于樣式和(hé) CSS 的所有知(zhī)識。

在我們的 HTML 教程中,我們将使用(yòng) style 屬性向您講解 HTML 樣式。

不贊成使用(yòng)的标簽和(hé)屬性

在 HTML 4 中,有若幹的标簽和(hé)屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來(lái)版本的 HTML 和(hé) XHTML 中将不支持這(zhè)些(xiē)标簽和(hé)屬性。

這(zhè)裏傳達的信息很(hěn)明(míng)确:請(qǐng)避免使用(yòng)這(zhè)些(xiē)被廢棄的标簽和(hé)屬性!

應該避免使用(yòng)下(xià)面這(zhè)些(xiē)标簽和(hé)屬性:

标簽 描述
<center> 定義居中的内容。
<font> 和(hé) <basefont> 定義 HTML 字體。
<s> 和(hé) <strike> 定義删除線文(wén)本
<u> 定義下(xià)劃線文(wén)本
屬性 描述
align 定義文(wén)本的對(duì)齊方式
bgcolor 定義背景顔色
color 定義文(wén)本顔色

對(duì)于以上(shàng)這(zhè)些(xiē)标簽和(hé)屬性:請(qǐng)使用(yòng)樣式代替!

HTML 樣式實例 - 背景顔色

background-color 屬性爲元素定義了(le)背景顔色:

<html>

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

<h2 style="background-color:red">This is a heading</h2>

<p style="background-color:green">This is a paragraph.</p>

</body>

</html>

style 屬性淘汰了(le)“舊的” bgcolor 屬性。

HTML 樣式實例 - 字體、顔色和(hé)尺寸

font-family、color 以及 font-size 屬性分别定義元素中文(wén)本的字體系列、顔色和(hé)字體尺寸:

<html>

<body>

<h1 style="font-family:verdana">A heading</h1>

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

</body>

</html>

style 屬性淘汰了(le)舊的 <font> 标簽。

HTML 樣式實例 - 文(wén)本對(duì)齊

text-align 屬性規定了(le)元素中文(wén)本的水(shuǐ)平對(duì)齊方式:

<html>

<body>

<h1 style="text-align:center">This is a heading</h1>

<p>The heading above is aligned to the center of this page.</p>

</body>

</html>

style 屬性淘汰了(le)舊的 "align" 屬性。

網站(zhàn)建設開(kāi)發|APP設計(jì)開(kāi)發|小(xiǎo)程序建設開(kāi)發
下(xià)一篇:HTML 文(wén)本格式化
上(shàng)一篇:HTML 段落