HTML學習之樣式(style)
阿新 • • 發佈：2018-11-15
HTML 的 style 屬性
style 屬性的作用：
提供了一種改變所有 HTML 元素的樣式的通用方法。
樣式是 HTML 4 引入的，它是一種新的首選的改變 HTML 元素樣式的方式。通過 HTML 樣式，能夠通過使用 style 屬性直接將樣式新增到 HTML 元素，或者間接地在獨立的樣式表中（CSS 檔案）進行定義。
不贊成使用的標籤和屬性
| 標籤 |
|
|
|---|---|---|
| <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 屬性規定了元素中文字的水平對齊方式：
<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" 屬性。
原文地址：http://www.w3school.com.cn/html/