1、新選擇器
E:nth-child(n)-選擇器匹配其父元素的第n個子元素，不論元素型別，n可以是數字、關鍵字或公式
E:nth-of-type(n)-選擇與之其匹配的父元素的第N個子元素
E:frist-child-相對於父級做參考，“所有”子元素的第一個子元素，並且“位置”要對應
E:frist-of-type-相對於父級做參考，“特定型別”（E）的第一個子元素
E:empty-選擇沒有子元素的每個E元素
E:target-選擇當前活動的E元素
::selection-選擇被使用者選取的元素部分
屬性選擇器-E[abc*="def"] 選擇adc屬性值中包含子串"def"的所有元素
2、文字
text-shadow:2px 2px 8px #000;引數分別為向右偏移量、向左偏移量、漸變的畫素、漸變的顏色
text-overflow：規定當文字溢位包含元素時發生的事情 text-overflow:ellipsis(省略)
text-wrap：規定文字換行的規則
word-break 規定非中日韓文字的換行規則
word-wrap：對長的不可分割的單詞進行分割並換行到下一行
white-space：規定如何處理元素中的空白 white-space:nowrap 規定段落中的文字不進行換行
3、邊框
border-raduis 邊框的圓角
border-image 邊框圖片
4、背景
rgba；backgrounnd-size:cover/contain
background-size：cover，會使“最大”邊進行縮放，另一邊同比縮放，鋪滿容器，超出部分會溢位。background-size:contain，會使“最小”邊進行縮放，另一邊同比縮放，不一定鋪滿容器，會完整顯示圖片
5、漸變
linear-gradient
radial-gradient
6、多列布局
column-count
column-width
column-gap
column-rule
7、過渡
transition
transition-property:width //property為定義過渡的css屬性列表，列表以逗號分隔
transition-duration:2s; //過渡持續的時間
transition-timing-function:ease;
transition-delay:5s //過渡延遲5s進行
8、動畫、旋轉
animation
transform ：translate（x,y) rotate(deg) scale(x,y)
translate
scale
rotate
skew（傾斜）
9、flex佈局
10、@media媒體查詢