HTML 樣式-1.8HTML 基礎教程

閱讀 ?·? 發(fā)布日期 2019-07-06 06:28 ?·? admin

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 屬性的作用：

提供了一種改變所有 HTML 元素的樣式的通用方法。

樣式是 HTML 4 引入的，它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式，能夠通過使用 style 屬性直接將樣式添加到 HTML 元素，或者間接地在獨立的樣式表中（CSS 文件）進行定義。

您可以在我們的 CSS 教程中學習關于樣式和 CSS 的所有知識。

在我們的 HTML 教程中，我們將使用 style 屬性向您講解 HTML 樣式。

不贊成使用的標簽和屬性

在 HTML 4 中，有若干的標簽和屬性是被廢棄的。被廢棄（Deprecated）的意思是在未來版本的 HTML 和 XHTML 中將不支持這些標簽和屬性。

這里傳達的信息很明確：請避免使用這些被廢棄的標簽和屬性！

應該避免使用下面這些標簽和屬性：

標簽 描述
<center> 定義居中的內容。
<font> 和 <basefont> 定義 HTML 字體。
<s> 和 <strike> 定義刪除線文本
<u> 定義下劃線文本
屬性 描述
align 定義文本的對齊方式
bgcolor 定義背景顏色
color 定義文本顏色

對于以上這些標簽和屬性：請使用樣式代替！

HTML 樣式實例 - 背景顏色

background-color 屬性為元素定義了背景顏色：

<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 屬性淘汰了“舊的” bgcolor 屬性。

HTML 樣式實例 - 字體、顏色和尺寸

font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸：

<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 屬性淘汰了舊的 <font> 標簽。

HTML 樣式實例 - 文本對齊

text-align 屬性規(guī)定了元素中文本的水平對齊方式：

<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 屬性淘汰了舊的 "align" 屬性。