CSS

<style type="text/css">

</style>

註釋

/*註釋*/

內聯式

<p style="color:red"> </p>

嵌入式

外部式

<link href="main.css" rel="stylesheet" type="text/css" />

類選擇器

.類名{

}

ID 選擇器

#id{

}

子選擇器 第一代子元素

.food>li{

}

包含後代選擇器

.first span{

}

> 作用於元素的第一代後代，空格 作用於元素的所有後代

偽類選擇器

a:hover{

}

分組選擇符

h1,span{

}

CSS 屬性

font-family

font-size

color

font-weight

font-style

text-decoration

text-indent

line-height

letter-spacing

word-spacing

text-align:center

元素分類

塊狀元素

display:block

內聯元素（行內元素）

display:inline

和其他元素都在一行上；元素的高度、寬度及頂部和底部邊距不可設定；元素的寬度就是它包含的文字或圖片的寬度，不可改變。

內聯塊狀元素

display:inline-block

和其他元素都在一行上；元素的高度、寬度、行高以及頂和底邊距都可設定。

盒模型

border 邊框

podding 填充

margin 邊界

佈局模型

flow 流動模型

float 浮動模型

div{
  float: left;
}

layer 層模型

層模型

position:absolute 絕對定位

position:relative 相對定位

position:fixed 固定定位