顏色的單位
red，green，blue為三原色，簡稱rgb（r，g，b）
0（最小數值）—255（最大數值） ； 0%—100%
還可以使用十六進制
00—ff（十六進制ff=255）；比如ff0000就是紅色
ff0000=f00
如果兩位相同就可以簡寫，但是兩位不相同，不可以簡寫。
字體的樣式
font-family:字體樣式列如：微軟雅黑
字體的分類
serif（襯線字體）
sans-serif（非襯線字體）
monospace （等寬字體）
cursive （草書字體）
fantasy （虛幻字體）
字體的其他樣式
font-style:italic;? 字體斜體，italic:指定斜體? norwal：指定非斜體
font-weight: bold;? 設置粗體
font-variant: small-caps;? 字體屬性
優先級：斜體，字體高度，字體屬性屬于平級。
字號一定要寫在字體大小前面
行間距
行間距= 行高 - 字號
p{
line-height: 30px;? ?行高度是30像素
font-size: 20px? 字體大小是20像素
}? ? 所以行間距= 30 - 20? ，所以行間距是10像素
文本的樣式
大小寫化
text-transform? ?樣式用于將元素中的字母全都變成大寫
?text-transform:uppercase 大寫
text-tansform:lowercase? 小寫
text-transform:capitalize? 首字母大寫
text-transform:none? 正常化
文本修飾
text-decoration屬性，用來給文本添加各 種修飾。
underline 文本上方加線條
overline? 文本下方加線條
line-through? 文本中間加線條，刪除線
none? 不加任何東西，或取消線條
字母間距和單詞間距
letter-spacing? 字符之間的間距。
word-spacing? 單詞之間的間距。
對齊文本和首行縮進
text-align用于設置文本的對齊方式。
left：左對齊
right：右對齊
justify：兩邊對齊
center：居中對齊
盒子模型
“在網頁中，一切皆為盒子”
內容區(content)?
內邊距(padding)?
邊框(border)?
外邊距(margin)
可以用width和height兩個屬性設置內容區的大小，這兩個屬性只適用于塊元素
邊框
border-style 邊框樣式
none（沒有邊框）
dotted（點線）
dashed（虛線）
solid（實線）
double（雙線）
groove（槽線）
ridge（脊線）
inset（凹邊）
outset（凸邊）
盒子的大小由內容區，內邊距，邊框決定
盒子的高，由內容區，上下內邊距，上下邊框決定
盒子的寬，由內容區，左右內邊距，左右邊框決定
margin:0 auto? ?可以使元素居中
內邊距
width和height不包含padding的大小
用padding屬性來設置元素的內邊距
padding：10px 20px 30px 40px
為順時針方向設置元素，上、右、下、左
