H5新增標簽

1.header : 頭部信息
2.footer ：頁腳
3.nav：導航鏈接的部分。
4.main: 主體
5.section：獨立的內容區(qū)塊
6.aside:側邊欄導航
7.article:文章標簽
8.mark:標記，內容顯示背景顏色，可以修改
9.address:地址標簽
10.time: 表示日期或時間，也可以同時表示兩者，相當于span
11.figure+figcaption：表示一段獨立的內容，一般表示文檔主體流內容中的一個獨立單元。figcaption表示 figure 的標題。從屬于 figure ， 并且， figure 中只能放置一個 figcaption。
12.video/audio

CSS3樣式

1.color：rgba(R,G,B,A) ：

以上R、G、B三個參數(shù)，正整數(shù)值的取值范圍為：0 - 255。超出范圍的數(shù)值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數(shù)值。A為透明度參數(shù)，取值在0~1之間，不可為負值。

2.text-shadow:文本陰影。

指定多個陰影：(參數(shù)形式為X坐標 Y坐標 陰影的模糊程度 陰影顏色)
text-shadow:10px 10px #f66,40px 35px #f00,70px 60px #000;

3.box-shadow：盒子陰影。

注意：inset 可以寫在參數(shù)的第一個或最后一個，其它位置是無效的。

4.word-break：自動換行。

normal:使用瀏覽器默認換行規(guī)則。
keep-all:只能在半角空格或連接字符處換行。
break-all:允許在單詞內換行（對于標點符號來說，允許標點符號位于行首，不過在IE中是不可以的）。

5.word-wrap：讓長單詞與URL地址自動換行。

word-wrap:break-word;

6.border-radius:圓角。

7. 引用的一些服務端字體。

8.box-sizing:border-box 怪異盒模型。

9.transform ：2D轉換

rotate() 旋轉函數(shù) 取值度數(shù) Transform-origin 旋轉的基點

skew() 傾斜函數(shù) 取值度數(shù) (扭曲) skewX() skewY()

scale() 縮放函數(shù) 取值 正數(shù)、負數(shù)和小數(shù) scaleX()scaleY()

translate() 位移函數(shù) translateX()translateY()

10.transform： rotate3d()/ translate3d()/scale3d() 3D轉換

rotate3d(x,y,z,angle)：旋轉

translate3d(x,y,z)：平移

scale3d(x,y,z) 縮放

11.transition：過渡

transition-property 要運動的樣式 （all || [attr] || none）
transition-duration 運動時間
transition-delay 延遲時間
transition-timing-function 運動形式
ease：（逐漸變慢）默認值
linear：（勻速）
ease-in：(加速)
ease-out：（減速）
ease-in-out：（先加速后減速）

手寫tab切換

1.利用JS寫
（參考二階段考試題）
2.vue 動態(tài)組件寫。
（參考昨天鵬哥講的動態(tài)組件）

水平垂直居中

1.position:absolute/fixed;top:50%;left:50%;margin-left:-(width/2);margin-top:-(height/2);

2.position:absolute/fixed;top:0;left:0;right:0;bottom:0;margin:auto;

3.display:flex;justify-content:center;align-items:center;如果寫的父元素為body，加上html,body{height:100%}