HTMLCSS
CSS (Cascading Style Sheets) 用來渲染HTML元素標籤的樣式。例如我們前面所學的給<body>加一個背景色。給<p>標籤裡面的文字改變顏色，這些都是用css做到的
如何使用CSS
##CSS 是在HTML 4 開始使用的,是為了更好的渲染HTML元素而引入的.
CSS 可以透過以下方式添加到HTML中:
內聯樣式- 在HTML元素中使用"style" 屬性
內部樣式表 -在HTML文檔頭部<head> 區域使用<style> 元素 來包含CSS
- ##外部引用
- 使用外部CSS 文件
最好的方式是透過外部引用CSS文件，css文件指的是以.css 結尾的文件，我們的html文件是以.html結尾的
你可以透過本站的CSS教學 CSS 教學學習更多的CSS知識.
內聯樣式# 內嵌樣式就是在HTML 標籤內部直接使用style 屬性直接定義，我們前面的課程也有提到，看下面的例子 上面的css樣式是將<p>標籤裡的文字變成黑色，然後文字往左邊移動20px，px指的是像素 程式碼運行結果： 內部樣式表 當單一檔案需要特別樣式時，例如將兩個<P>標籤設為紅色，如果用內嵌樣式定義的話，需要在兩個<P>標籤都要寫上css樣式，如果是5,10<P>標籤呢，是不是很麻煩，這就要用的我們的內部樣式表。你可以在<head> 部分透過<style>標籤定義內部樣式表，像下面這樣： ##程式碼運行結果： 外部樣式表 當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。 ###### 外部樣式表是用<link>標籤引入一個外部css文件，#使用外部樣式表，你就可以透過更改一個文件來改變整個網站的外觀。 例如一個css檔案裡面定義的是把<body>的背景色變成黃色，<h1>標題變成紅色，<p> ;變成藍色，css檔案如下 在HTML檔案引入用<link>引入css檔案 ################ ###程式運行結果：################################## HTML 樣式標籤 我們前面學的<a>連結標籤，下面是帶著底線的，我們用css樣式把底線去掉<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body>
<p style="color: red; margin-left: 20px">
我是内联样式
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
<style type="text/css">
p{color: red}
</style>
</head>
<body>
<p>
我的颜色是在 head 标签里面定义的
</p>
<p>
我的颜色是在 head 标签里面定义的
</p>
<p>
我的颜色是在 head 标签里面定义的
</p>
</body>
</html>
body{background-color:yellow;}
p{color: blue;}
h1{color: red;}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<h1>外部样式表</h1>
<p>
我的颜色是用外部样式表定义的
</p>
<p>
我的颜色是用外部样式表定义的
</p>
</body>
</html>
#HTML 樣式標籤
######### <link>###### 定義資源參考位址# ########### 標籤 #說明 # <style> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<a href="http://www.php.cn/" style="text-decoration:none;">访问 php.cn!</a>
</body>
</html>
#程式運行結果：
##################################
訪問我們的 CSS 教學課程，學習更多關於樣式的知識。
