一、html的文字標籤
1、標題標籤：h1~h6普通的文字標籤 ：span
2、段落標籤：p文章標籤 ：article 文章中的節標籤：section
3、佈局標籤:div
5、圖片顯示標籤: img（屬性 src alt title）它是行內塊級標籤。
6、超連結標籤: a（href target）
7、框架標籤: iframe
8、列表標籤：
a、有序列表

b、無序列表

c、定義列表

9、表格標籤table
10、表單標籤 form
11、form表單標籤內的標籤 lable input textarea select button
二、css的基本內容
1、css的使用方式：內嵌式 行內式 外鏈樣式 匯入樣式
2、css選擇器：
a、基礎選擇器（類選擇器 標籤選擇器 ID 選擇器）
b、後代選擇器
c、子選擇器
c、偽類旋選擇器
d、群組選擇器
e、兄弟選擇器
f、屬性選擇器
**3、**css選擇器的權重 行內值：1000； class ：100； id：10；標籤：1；
4、 css字型樣式的設定：
a、字型風格：font-style
b、字型粗細：font-bold
c、字型大小：font-size
d、字型型別：font-family
5、css的擴充套件：px 、em 、rem
6、css文字樣式的設定：
a、文字顏色：color
b、文字居中方式：text-align
c、段落首行縮排：text-indent
d、文字裝飾線：text-decoration
e、英文字母的大小寫：text-transform
f、文字陰影：text-shadow
g、段落文字行高 line-height
h、單詞的間距：word-spacing
j、字元的間距：letter-spacing
k、空格換紅處理：white-space
l、設定文字方向：direction
m、設定文字溢位處理：overflow
n、文字的裁剪：text-overflow
7、css盒子模型（content、padding、border、margin）
8、css 背景
a、背景顏色：background-color
b、背景影象：background-image
c、背景圖片重複：background-repeat
d、背景圖定位：background-position
e、背景圖大小：background-size
f、規定背景顏色裁剪終點：background-clip
g、背景圖片開始位置：background-origin
h、背景組合值：background
i、背景色漸變：background（linear-gradient線性漸變、radial-gradient徑向漸變）
9、vertical-align的作用
10、css元素的顯示與隱藏（元素的顯示方式display /元素的不透明度 opacity、元素的可見性：visibility）
11、css元素的浮動float
12、css元素的定位position
13、擴充套件字型圖示庫
14、css的過渡與動畫
a、過渡：transition
b、動畫：animation
15、css的變形轉換（transform）
a、位移-translate
b、縮放- scale
c、傾斜：skew
d、旋轉-rotate
e、transform-origin變換原點
f、transform-style 3D巢狀樣式
g、perspective-origin定義3D元素透視原點
h、perspective-visibility3D翻轉背面可見性
16、media響應式
17、flex佈局