serif 襯線字體 serif

sans-serif 非襯線字體 sans serif

line-through 刪除線 line-through
text-shadow ： x y 模糊度 顏色 shadow

background-size：

background復合樣式：#fff url（） no-repeat scroll x，y

outline

sprite sprite

繼承

繼承（inherit）子元素會自動擁有父元素的某些CSS屬性。

可被繼承：文本類屬性會被繼承
不可被繼承:外內邊距，背景顏色
傳遞性

繼承發生要滿足兩個條件：
該屬性是可繼承的屬性
該屬性在樣式表中沒有聲明

強制繼承

也叫顯示繼承，是指將css設置為inherit。
兩個原因：為了繼承不能繼承的元素
為了繼承已被聲明過的屬性

獲得值的計算過程：無屬性值—確定聲明值—層疊沖突—使用繼承—使用默認值—每個層都有值

background-color的默認值：transparent（透明）

盒模型

display：bolck/none/inline/inline-block

block：
占據所有可用的寬度
通常用於較大的內容塊，比如標題或結構元素
獨占一行
可設置高寬

inline：

只占據內容所需的寬度，在同行顯示
通常用於較小的內容塊
由內容撐開高寬

ps：行內元素不能嵌套塊元素

inline-block：

input、img

盒模型

content—padding—border—margin

padding值不能為負

自動換行又叫斷詞

overflow：scroll/hidden

ps：父級盡量不設置高寬

順時針方向顯示像素值縮寫

垂直方向外邊距會合並，兩值不同時取大值。
外邊距可取值為負。

字體

font-family：“a”，“b”，serif/sans-serif； 襯線字體和非襯線字體

ps：非襯線為主，襯線一般用於比較大的字上

font-style：obique/italic/normal 默認強行切斜/設置為傾斜/正常

文本

text-indent：2em/px 值可為負
text-decoration：none/underline/overline/line-through
沒有/下劃線/上劃線/刪除線
letter-spacing 字距
word-spacing 詞距

頂線、中線、基線、底線

text-shadow：x y 模糊度 顏色 背景偏移量

背景/background

以視口為基準顯示內容

background-attchment：fixed/scroll

background-size： px/%

background復合樣式:#F00 url（） no-repeat scroll x y；

邊框/border

border：常用樣式
outline：1、輔助用，不產生像素 2、去掉文本框藍色線條

拼合圖/雪碧圖

sprite

定了視口再插入圖片

繼承盒模型以及CSS常用樣式