圖片 png 無損壓縮，尺寸體積要比jpg的大，適合做小圖標 jpg 採用壓縮演算法，有一點失真，比png體積要小，適合做中大圖片 gif 一般是做動圖的 webp 同時支持有損或者無損壓縮，相同質量的圖片，webp具有更小的體積 css的盒子模型 標準盒子模型 margin/border/paddi ...
圖片
- png 無損壓縮，尺寸體積要比jpg的大，適合做小圖標
- jpg 採用壓縮演算法，有一點失真，比png體積要小，適合做中大圖片
- gif 一般是做動圖的
- webp 同時支持有損或者無損壓縮，相同質量的圖片，webp具有更小的體積
css的盒子模型
- 標準盒子模型
margin/border/padding/content - ie盒子模型
margin/content(border+padding+content) - 盒子模型轉換
box-sizing/content-box 標準/border-box ie模型
行高
- line-height
每一行文字的高度，如果文字有多行，則高度為行數*高度 - height
是一個死值，就是這個盒子的高度
css的選擇符，哪些可以繼承
- 通配*
- id選擇器 #
- class選擇器 .
- 標簽選擇器 div
- 相鄰選擇器 +
- 後代選擇器 ul li
- 子元素選擇器 >
- 屬性選擇器 a[href]
- css可以繼承的屬性
font-size
color
line-height
text-align - css不可以繼承的屬性
border
padding
margin
css優先順序演算法
!important>內聯樣式>id>class>標簽>通配
