style 屬性用于改變 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ò)用:
提供了(le)一(yī)種改變所有 HTML 元素的樣式的通(tōng)用方法。
樣式是 HTML 4 引入的,它是一(yī)種新的首選的改變 HTML 元素樣式的方式。通(tōng)過 HTML 樣式,能(néng)夠通(tōng)過使用 style 屬性直接将樣式添加到 HTML 元素,或者間(jiān)接地(dì)在獨立的樣式表中(CSS 文件)進行(xíng)定義。
您可(kě)以在我們的 CSS 教程中學習關于樣式和(hé) CSS 的所有知識。
在我們的 HTML 教程中,我們将使用 style 屬性向您講解 HTML 樣式。
不贊成使用的标簽和(hé)屬性
在 HTML 4 中,有若幹的标簽和(hé)屬性是被廢棄的。被廢棄(Deprecated)的意思是在未來版本的 HTML 和(hé) XHTML 中将不支持這(zhè)些标簽和(hé)屬性。
這(zhè)裏傳達的信息很(hěn)明(míng)确:請(qǐng)避免使用這(zhè)些被廢棄的标簽和(hé)屬性!
應該避免使用下(xià)面這(zhè)些标簽和(hé)屬性:
标簽 | 描述 |
---|---|
<center> | 定義居中的內(nèi)容。 |
<font> 和(hé) <basefont> | 定義 HTML 字體。 |
<s> 和(hé) <strike> | 定義删除線文本 |
<u> | 定義下(xià)劃線文本 |
屬性 | 描述 |
align | 定義文本的對齊方式 |
bgcolor | 定義背景顔色 |
color | 定義文本顔色 |
對于以上(shàng)這(zhè)些标簽和(hé)屬性:請(qǐng)使用樣式代替!
HTML 樣式實例 - 背景顔色
background-color 屬性為(wèi)元素定義了(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)“舊(jiù)的” bgcolor 屬性。
HTML 樣式實例 - 字體、顔色和(hé)尺寸
font-family、color 以及 font-size 屬性分别定義元素中文本的字體系列、顔色和(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)舊(jiù)的 <font> 标簽。
HTML 樣式實例 - 文本對齊
text-align 屬性規定了(le)元素中文本的水平對齊方式:
<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)舊(jiù)的 "align" 屬性。
網站建設開(kāi)發|APP設計開(kāi)發|小程序建設開(kāi)發