項(xiàng)目維護(hù)
四個(gè)文件 css js images html
div
id 僅能出現(xiàn)一次
class 起名字
style 只能用于當(dāng)前標(biāo)簽
每個(gè)瀏覽器解析標(biāo)簽的不同
css magrin 外邊距 為零
margin-bottom
復(fù)合樣式
單一樣式

學(xué)會(huì)布局
整體入手
局部分析
調(diào)整位置
添加樣式
box-sodwon
陰影 x 偏移量 y 偏移量 陰影羽化值 陰影顏色

命令規(guī)則
1.見名只意 小寫英文
2.不能以數(shù)字開頭
3.以下劃線來(lái)分割，適當(dāng)縮寫

border 10px solid（實(shí)線） #fff
默認(rèn)流式布局

為什么不用浮動(dòng)？
1.霸道 破壞盒子模型
2.破壞性
3。兼容性問(wèn)題
4.包裹性

display： inline-block
1.能夠使用文本樣式
把換行解析成空格了？怎么解決
結(jié)束和開始不閉合

screenshot.png

常用的方法
letter-space 文字間距 -5px？？？
word-space -5px
讓空格不解析
font-size

透明值
background： rgba（255，255，255，255.7）

css3變幻
寫動(dòng)畫用css3實(shí)現(xiàn)，就不用js實(shí)現(xiàn)
tranform：translate位移 scale碩放 rotate旋轉(zhuǎn)
translates x軸 y軸
overflow hidden 超出隱藏

hover 動(dòng)態(tài)偽類選擇器
改變?cè)氐臉邮?br> transition 過(guò)度時(shí)間 transition： 0.3s；
鼠標(biāo)劃入改變樣式

抖動(dòng)效果
@keyframes

animation：move 0.9s；
@keyframes move {
0%（是0.9s的0%）{
transform：translateY（-404px）；
}
40%{
transform：tranlateY（-）
}
}

企業(yè)標(biāo)準(zhǔn)
模塊化 組件化 插件化 可拔插化
模塊化
降低耦合度