1.注意事項
1）多個單詞加引號
2）.+類名，不能數字開頭
3）#+id名
4)內聯元素要使用塊元素的屬性，設置display：block;
2.內部樣式表：
<head>
<style type=”text/css”>
...
</style>
</head>
3.內聯樣式表：
<p style=”...”></p>
4.文本：
word-spacing(字間隔,可正可負)
letter-spacing(字符或字母間隔)
text-transform(字符轉換)
text-indent:2em; //首行縮進,可以繼承
text-decoration:none/underline;
text-align:center;
5.背景
background(簡寫,無繼承性)
background-color
background-image
background-repeat
6.字體
color:blue;
font-family:serif;
font-style:italic/Monospace;
font-weight:bold;
font-size:18px;
7.列表
list-style
list-style-position
去除列表符號：
li {
list-style:none;
}
結構橫向顯示：
ul li{
display:inline-block;
}
8.表格
border-collapse
border-spacing
caption-side
text-align:right;
9.CSS盒模型
10.display
11.選擇器
派生選擇器
屬性選擇器
子串匹配屬性選擇器
偽類選擇器
12.外邊距
margin:auto;
13.內邊距
padding:
14.浮動
#aaa{
overflow:hidden;
}
div#aaa p{
float:left;
}
#lp{
float:right;
}
