一.單位
1.顏色單位：英文單詞 16進(jìn)制 ?rgb ?transparent；
? ?尺寸單位：px ? ?百分比(高度設(shè)置，需要html和body設(shè)置高度)；
2.vw ?vh ?視口單位
vw 把瀏覽器的寬設(shè)置成100份；
vh 把瀏覽器的高設(shè)置成100份；
div{
width: 70vw;
height: 70vh;
background: red;
}
二.最小min-width ?min-height； 最大max-width ?max-height
1.min
可以設(shè)置默認(rèn)寬高，當(dāng)內(nèi)容小于設(shè)置的寬高時(shí)，以默認(rèn)寬高為準(zhǔn)；當(dāng)內(nèi)容大于設(shè)置的寬高時(shí)，以?xún)?nèi)容的寬高為準(zhǔn)。
2.max
不可以設(shè)置默認(rèn)寬高，當(dāng)內(nèi)容小于max尺寸，容器尺寸以?xún)?nèi)容尺寸為準(zhǔn)，當(dāng)內(nèi)容尺寸大于max尺寸，超出的部分會(huì)溢出。
3.可以同時(shí)設(shè)置min和max ，不要設(shè)置width或height
三.css字體、字號(hào)設(shè)置
1. 字號(hào)大小設(shè)置
font-size? 文字 字號(hào) 可以設(shè)置百分比 em倍數(shù)（相當(dāng)于父級(jí)的倍數(shù)） rem倍數(shù)（r是指根（html/body），根倍數(shù)）;
瀏覽器只支持12px及以上的渲染；不支持12px以下，會(huì)自動(dòng)解析為12px；
?font-size設(shè)置 大于12px按照設(shè)置的倍數(shù) 小于12px按照12 px；
2.字體粗細(xì)設(shè)置
font-weight ：字重? bold(500~900) 加粗 ? ?【 bolder更粗(已淘汰) 】 ? ?lighter(100~300) 更細(xì)? normal(400)正常的；
font-style? 斜體設(shè)置 ? italic 斜體設(shè)置 ? ? noraml正常設(shè)置；
3.字體設(shè)置
font-family ：字體設(shè)置;
四.居中、換行和字符間距、文字修飾等設(shè)置
1.居中設(shè)置
行高 line-height:（盒子高度）常用于文字上下居中；
文字水平對(duì)齊 ? ?text-align: center；
vertical-align：middle 豎直對(duì)齊方式；
2.換行和字符間距
如果單詞沒(méi)有空格，默認(rèn)不會(huì)換行，漢字沒(méi)有換行問(wèn)題;
強(qiáng)制字符換行? word-warp: break-word;
強(qiáng)制字符不換行? white-space：nowrap；
字符間距設(shè)置 letter-spacing:
詞間距設(shè)置 word-spacing: 支持英文，不支持中文;
3.文字修飾
文字修飾 text-decoration: underline 下劃線 | none 沒(méi)有修飾 | overline 上劃線 | line-through 中劃線。
五.css樣式-overflow
1.內(nèi)容超出處理：overflow : auto hidden scroll
（1）auto 容器自適應(yīng)內(nèi)容，內(nèi)容高度超出容器，會(huì)出現(xiàn)豎直滾動(dòng)條，如果內(nèi)容寬度超出容器，會(huì)出現(xiàn)水平滾動(dòng)條 ;
（2）hidden 是把超出容器的內(nèi)容部分給裁減掉;
（3）scroll? 給容器設(shè)置滾動(dòng)條，如果內(nèi)容沒(méi)有超出容器，將無(wú)法滾動(dòng);
（4）overflow-x: 對(duì)容器的水平方向處理;
? ? ? ? ?overflow-y: 對(duì)容器的垂直方向處理;
（5）overflow:auto（推薦使用它清除浮動(dòng)） hidden 兩個(gè)屬性可以用來(lái)清除浮動(dòng) ;
拓展：
1.盒子的寬高都可以設(shè)置成百分比：此時(shí)寬高都繼承父級(jí)的百分比。
注：父級(jí)的高需要確實(shí)地設(shè)置，而不能是通過(guò)內(nèi)容填充的。
2.父級(jí)設(shè)置浮動(dòng)，也可以用來(lái)清除子級(jí)的浮動(dòng)。
3.對(duì)a標(biāo)簽設(shè)置樣式，對(duì)其父級(jí)設(shè)沒(méi)用，要對(duì)a標(biāo)簽本身設(shè)。a標(biāo)簽主要是做跳轉(zhuǎn)的。
4.text-overflow: ellipsis ;（常與overflow：hidden； white-space: no-wrap; 一起用）
超出容器內(nèi)容，顯示出". . ."效果。
