1.1 CSS簡介
層疊樣式表
1.1.1 css使用的三種方式：
1） 在html标簽的style屬性中編輯
2） 在html的<head>内部使用<style>标簽
示例：
<style>
/*ID選擇器*/
#c{
letter-spacing: px;
}
/*标簽選擇器*/
a{
color: black;
}
/*類選擇器*/
.abc{
color: red;
}
.test{
Font-size: px;
}
</style>
<a href="#" id="c" class="abc test">首頁</a>
三種選擇器的優先級：
ID選擇器 ＞ 類選擇器 ＞ 标簽選擇器
規則：
一個标簽可以使用多個類修飾，但是隻能有一個ID
3） 使用外部 .css檔案（推薦）
<link rel="stylesheet" href="css/index.css" target="_blank" rel="external nofollow" />
注：三種CSS的編輯方式，以就近原則來顯示
1.1.2 選擇器擴充
a:hover{} 僞類選擇器
div,p 同時選擇<div>和<p>，二者是平行關系
div p 選擇<div>标簽内的<p>标簽
1.1.3 僞類選擇器
a:hover 滑鼠懸停
a:link 未通路的樣式
a:visited 已通路的樣式
a:active 滑鼠按下的樣式（未松開）
1.2 常用屬性
1.2.1 文字修飾
color顔色
font-family字型
font-size字型大小
font-weight粗細
letter-spacing字間距
1.2.2 文本修飾
text-indent 文字縮進
text-align 對齊方式
line-height 行高
1.2.3 盒子模型
外邊距（margin）
margin: 10px 20px 30px 40px; 上、右、下、左
margin: 10px 20px 30px ; 上、左右、下
margin: 10px 20px; 上下、左右
margin: 10px; 四周
邊框（border）
border-方位（bottom、top、left、right）
border-style 邊框的樣式
内邊距（padding）
參考外邊距
1.2.4 定位
固定定位
position：fixed；
調整位置：top、left、right、bottom
相對定位
position: relative; 未脫離流布局；
絕對定位
position: absolute; 相對于最近的已定位的父元素，脫離流布局；
1.2.5 層疊順序
z-index 值為數字，數字越大，層次越高；
1.2.6 清單樣式
list-style: none; 取消清單樣式
1.2.7 元素溢出
overflow: hidden; 溢出部分隐藏
1.2.8 圓角
border-radius: 值; 值可以為像素或百分比
1.2.9 滾動
<marquee >
要滾動的文字或圖檔
</marquee>
常用屬性：
behavior：設定滾動的方式
alternate： 表示在兩端之間來復原動
scroll：表示由一端滾動到另一端，會重複。
slide：表示由一端滾動到另一端，不會重複。
direction：設定活動字幕的滾動方向up向上滾動，down向下滾動，left向左滾動，right向右滾動
height：設定滾動字幕的高度
width： 設定滾動字幕的寬度
scrollamount：設定滾動速度，屬性值為正整數，值越大滾動速度越快
![一個小小的移動web版音樂播放器[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)