css字體樣式
? ? ? ? 字體大小：font-size
? ? ? ? ? 網(wǎng)頁默認(rèn)大小為16px
? ? ? ? ? 正常網(wǎng)頁支持大小為16px
? ? ? ? ? px 像素，像素是一個相對單位绵估，相對于分辨率
? ? ? ? ? 字體大小集币，絕大數(shù)是以高為準(zhǔn)。
? ? ? ? 字體類型：默認(rèn)為微軟雅黑
? ? ? ? ? ? ? ? ? ? ? ? 常見的字體泌射，宋體粘姜，微軟雅黑
? ? ? ? ? ? ? ? ? ? ? 1. 常見用法 font-family： 字體1，字體2?
? ? ? ? ? ? ? ? ? ? ? ? 2.? 如果字體名字是多個單詞組成熔酷，加引號孤紧。
? ? ? ? ? 字體加粗：font-weight:? (bold 加粗)
? ? ? ? ? ? ? ? 看情況：字體有無? -> （lighter 細(xì)體）（bolder 更粗）
? ? ? ? ? ? 字體傾斜：font-style：italic；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? normal18:05 2018/9/5 星期三
? ? ? ? ? ? ? 字體顏色：
? ? ? ? ? ? ? ? ? ? ? ? ? color:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1拒秘、單詞
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2号显、16進(jìn)制表示法 0-9A-F
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? #00? 00? 00
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? r? ? ? g? ? b
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3.? ? ? 如果三組都是成對相同，可以省略一位
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 4躺酒、css3出現(xiàn)了 rgba（255押蚤，25，25羹应，0-1）a為透明度
css文本樣式
? ? ? ? ? ? ? ? ? 文本對齊? ? text-align：center? 居中揽碘。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? left 默認(rèn)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? right
? ? ? ? justify? 兩端對齊
? ? ? ? ? ? ? ? ? 文本行高? ? line-height? ? 寫單位
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文本的的垂直水平居中
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-align：center
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? line-height：外層文本高度 垂直
? ? ? ? ? ? ? ? ? 文本縮進(jìn)：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-indent: 一個字體大小
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? em? 相對單位
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1 em=1*一個字體的大小，如果自己沒有字體大小，會繼承父級的字體大小
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 關(guān)于logo
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 寫css樣式縮進(jìn)-9999 讓文字飛出去? ? ? ? 當(dāng)所有的css? js 加載不出來時
? ? ? ? ? ? ? ? ? ? 下劃線：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-decoration：underline雳刺；
? ? ? ? ? ? ? ? ? ? 上劃線：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-decoration：overline劫灶；
? ? ? ? ? ? ? ? ? ? 中劃線：
? ? ? ? ? ? ? ? ? ? ? ? ? ? text-decoration：line-thoungt
? ? ? ? ? ? ? ? ? ? ? 不要線：
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? text-decoraton：none
css背景樣式
? ? ? ? ? ? ? ? ? ? ? background
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-color：背景色
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-image:url( 地址)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-repeat：no-repeat；平鋪
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? repeat-x掖桦；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? repeat-y浑此；
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-position：x軸? y軸
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1、? left center right top bottom
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2滞详、px
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3凛俱、%? 相對單位? 相對父級
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 50%? 50%居中
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? background-size：100px? 100px
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 圖片? 寬? ? 高
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? contain? 優(yōu)先占滿寬度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? cover? ? 優(yōu)先沾滿高度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 關(guān)于簡寫 ：backgrond url（）重復(fù)? 定位?
? ? ? ? ? ? ? ? ? 【雪碧軸的使用方法】用絕對定位 background-position 用ps量它的位置！料饥！
css邊框
? ? ? ? ? ? ? ? ? ? ? ? border： border-witgh 邊框大小
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border-color 邊框顏色? transparent? ? 透明色
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? border- style 邊框樣式
圓角
? ? ? ? ? ? ? ? ? ? border-radiuo：50%? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
盒子模型
? ? ? ? ? ? ? ? ? ? ? 盒子的大小=內(nèi)容大衅讶（寬高）+邊框+padding
? ? ? ? ? ? ? ? ? ? ? ? margin? 外邊距
? ? ? ? ? ? ? ? ? ? ? ? padding? 內(nèi)邊距? 填充
? ? ? ? ? ? ? ? ? ? 塊級標(biāo)簽和行內(nèi)標(biāo)簽居中：margin： 0 auto
? ? ? ? ? ? ? ? ? 行內(nèi)標(biāo)簽水平居中? text-align：center
? ? ? ? ? ? ? ? ? ? ? 行內(nèi)元素豎直居中：display：table-cell? 注：將一個行內(nèi)元素轉(zhuǎn)化為表格元素
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? vertical-align：middle
? ? ? ? ? ? ? ? ? ? ? ? 圖片文本的對齊：
