一、HTML5樣式
1、標簽：
<style>:樣式定義；
<link>：資源引用；
2、屬性：
type="text/css":引入文檔類型；
rel="stylesheet":外部樣式表；
3、四種樣式表插入方法：
（1）外部樣式表：
在<head></head>中寫入：
<link rel="stylesheet" type="text/css" href="..."> //href標簽處引入文檔的地址
（2）內部樣式表：
在<head></head>中寫入：
<style type="text/css">//這里用來編寫樣式</style>
（3）內聯樣式表：
直接在標簽內部寫入,例如：
<p style="color:red">XXX</p>
（4）導入樣式：
導入樣式有6種寫法：
@import mystyle.css;
@import 'mystyle.css';
@import "mystyle.css";
@import url(mystyle.css);
@import url('mystyle.css');
@import url("mystyle.css");
導入樣式要寫在<head></head>標簽的<style>標簽里面。而且必須將@import導入樣式放在其他定義的樣式前面。
（4）樣式優先級：
行內樣式>內嵌樣式>外部樣式
二、HTML5列表
| 標簽 | 描述 |
| <ol> | 有序列表 |
| <ul> | 無序列表 |
| <li> | 列表項 |
| <dl> | 自定義列表 |
| <dt> | 自定義列表項 |
| <dd> | 描述 |
1、無序列表：
使用標簽：<ul>、<li>；屬性（type）：disc(默認的實體圓)、circle（空心圓）、square（實體方塊）、none（什么都沒有）
**若想去掉列表前面的圓點，還可用CSS樣式：list-style-type:none**
2、有序列表：
使用標簽：<ol>、<li>；屬性（type）：A、a、I、i、start
3、自定義列表：
使用標簽：<dl>、<dt>、<dd> (<dialog>與<dt>、<dd>一起使用表示對話)
三、CSS鏈接的四種狀態
一般用<a>標簽表示鏈接，可以嵌入<href>表示跳轉地址，其中<href="#">表示跳轉到自己
鏈接有如下四種狀態：
1、a：link 普通的、未被訪問的鏈接
2、a：visited 用戶已訪問的鏈接
3、a：hover 鼠標指針位於鏈接的上方
4、a：active 鏈接被點擊的時刻
eg：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS鏈接狀態</title> 6 <style type="text/css"> 7 a:link,a:visited{ 8 color:#609; 9 text-decoration:none; //去掉下划線 10 } 11 a:hover,a:active{ 12 color:#C00; 13 text-decoration:underline; 14 } 15 </style> 16 </head> 17 18 <body> 19 <a href="http://www.baidu.com">百度一下，你就知道！</a><br /> 20 <a href="http://www.jikexueyuan.com">學知識就到極客學院！</a> 21 </body> 22 </html>
效果：
另外，<a>中還有<target>屬性，用來規定在何處打開鏈接：
(1)target="_blank":以前頁面任然存在，在新的頁面打開
(2)target="_self":在當前頁面打開
(3)target="_parent":在父級空間打開
(4)target="_top":在頂級頁面打開
(3)(4)是<iframe>配合<a>標簽的使用效果
**<a>中還有name 屬性，name 屬性規定錨（anchor）的名稱。可以使用 name 屬性創建 HTML 頁面中的書簽，name可以用id來代替**