HTML樣式
HTML樣式
先舉例：
<html> <body style="background-color:PowderBlue;"> <h1>改变颜色</h1> <p style="font-family:verdana;color:red"> 字体颜色变红色</p> <p style="font-family:times;color:green"> 字体颜色变绿色</p> <p style="font-size:30px">字体高度变为30px</p> </body> </html>
HTML 的style 屬性
style 屬性的作用：
提供了改變所有HTML 元素的樣式的通用方法。
樣式是 HTML 4 引入的，它是一種新的首選的改變 HTML 元素樣式的方式。透過 HTML 樣式，能夠透過使用 style 屬性直接將樣式新增至 HTML 元素，或間接地在獨立的樣式表中（CSS 檔案）進行定義。
您可以在我們的 CSS 教程中學習關於樣式和 CSS 的所有知識。
在我們的 HTML 教學中，我們將使用 style 屬性向您講解 HTML 樣式。
如何使用CSS
#CSS 是在HTML 4 開始使用的,是為了更好的渲染HTML元素而引入的.
CSS 可以透過以下方式加入到HTML中:
內聯樣式- 在HTML元素中使用"style" 屬性
內部樣式表-在HTML文件頭部<head> 區域使用<style> 元素來包含CSS
#外部引用- 使用外部CSS 檔案
最好的方式是透過外部引用CSS檔案.
在本站的HTML教程中我們使用了內聯CSS樣式來介紹實例，這是為了簡化的例子，也使得你能更容易在線編輯程式碼並在線運行實例。
你可以透過本站的CSS教學CSS 教學學習更多的CSS知識.
內聯樣式
當特殊的樣式需要套用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示如何改變段落的顏色和左外邊距。
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
HTML樣式實例- 背景顏色
背景色屬性（background-color）定義一個元素的背景顏色：
<!DOCTYPE html> <html> <body style="background-color:pink;"> <h2 style="background-color:red;">好好学习</h2> <p style="background-color:green;">天天向上</p> </body> </html>
HTML 樣式實例- 字體, 字體顏色，字體大小
我們可以使用font-family（字體)，color（顏色），和font-size（字體大小）屬性來定義字體的樣式:
實例
<!DOCTYPE html> <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>
現在通常使用font-family（字體），color（顏色） ，和font-size（字體大小）屬性來定義文字樣式，而不是使用<font>標籤。
HTML 樣式實例- 文字對齊方式
使用text-align（文字對齊）屬性指定文字的水平與垂直對齊方式：
實例
<!DOCTYPE html> <html> <body> <h1 style="text-align:center;">Center-aligned heading</h1> <p>This is a paragraph.</p> </body> </html>
文字對齊屬性text-align取代了舊標籤<center> 。
內部樣式表
當單一檔案需要特別樣式時，就可以使用內部樣式表。你可以在<head> 部分透過 <style>標籤定義內部樣式表:
<html>
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
<body>
</body>
</html>外部樣式表
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以透過更改一個檔案來改變整個網站的外觀。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
