圖片
- png 無損壓縮，尺寸體積要比jpg的大蔗草，適合做小圖標(biāo)
- jpg 采用壓縮算法零远，有一點失真炊汤，比png體積要小正驻，適合做中大圖片
- gif 一般是做動圖的
- webp 同時支持有損或者無損壓縮弊攘，相同質(zhì)量的圖片，webp具有更小的體積
css的盒子模型
- 標(biāo)準(zhǔn)盒子模型
margin/border/padding/content - ie盒子模型
margin/content(border+padding+content) - 盒子模型轉(zhuǎn)換
box-sizing/content-box 標(biāo)準(zhǔn)/border-box ie模型
行高
- line-height
每一行文字的高度姑曙，如果文字有多行襟交，則高度為行數(shù)*高度 - height
是一個死值，就是這個盒子的高度
css的選擇符伤靠，哪些可以繼承
- 通配*
- id選擇器 #
- class選擇器 .
- 標(biāo)簽選擇器 div
- 相鄰選擇器 +
- 后代選擇器 ul li
- 子元素選擇器 >
- 屬性選擇器 a[href]
- css可以繼承的屬性
font-size
color
line-height
text-align - css不可以繼承的屬性
border
padding
margin
css優(yōu)先級算法
!important>內(nèi)聯(lián)樣式>id>class>標(biāo)簽>通配
