“常說(shuō)，要認(rèn)識(shí)一個(gè)人①，大概了解一下背景，然后見(jiàn)面時(shí)打招呼講什么語(yǔ)言規(guī)矩范例②，她回應(yīng)了，聲音很好聽(tīng)，你會(huì)繼續(xù)選擇③用選擇什么語(yǔ)氣對(duì)待？而且又怎么漂亮，相信自己不會(huì)拒絕④的，來(lái)預(yù)先處理⑤好情緒，好讓彼此能有一個(gè)新的開(kāi)始⑥，給生活一個(gè)甜美的謎底吧⑦”--晚安！
（一）css簡(jiǎn)介CSS（Casadaing Style Sheet）層疊樣式表，它的使命是把結(jié)構(gòu)和表現(xiàn)分離，讓html文件變小，提高加載速度，提升用戶(hù)體驗(yàn)。
（二）語(yǔ)法及其規(guī)范
【1】語(yǔ)法
- 外聯(lián)樣式表
- 內(nèi)部樣式表
- 行內(nèi)元素表<style="color:red;"
【2】規(guī)矩
- 層疊性（樣式?jīng)_突即后來(lái)居上，“長(zhǎng)江后浪推前浪，前浪死在沙灘上”）
- 繼承性（子承父業(yè)，“龍生龍鳳生鳳，老鼠生的小孩會(huì)打洞”）
- 優(yōu)先級(jí)（選擇器權(quán)重計(jì)算的數(shù)位之間沒(méi)有進(jìn)制，比如“10個(gè)a趕上一個(gè)類(lèi)”的說(shuō)法不存在）
【3】規(guī)范Ⅰ建議遵循以下順序：布局定位屬性：display / position / float / clear / visibility / overflow（建議 display 第一個(gè)寫(xiě)，畢竟關(guān)系到模式）自身屬性：width / height / margin / padding / border / background文本屬性：color / font / text-decoration / text-align / vertical-align / white- space / break-word其他屬性（CSS3）：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient …
Ⅱ其他CSS里的屬性值，單引號(hào) ' '類(lèi)命名（banner廣告、拼音、敏感詞會(huì)被瀏覽器插件過(guò)濾，不利于seo），單詞之間使用下劃線 _
（三）選擇器
（四）常用布局
【1】基本
- float、absolute、fixed改變了display屬性
- 清除浮動(dòng)有三種clear:both、clearfix:after、overflow:hidden
【2】設(shè)計(jì)豎列、圣杯、雙飛翼
（五）預(yù)處理器less、scss、stylus、postcss
（六）CSS3新屬性
- 因?yàn)橹髁鳛g覽器暫時(shí)不支持C3部分特性，需要添加瀏覽器研發(fā)團(tuán)隊(duì)的前綴
- 如webkit、ms、moz、o，使用：-webkit-border-radius:15px;
（七）壓縮的CSS
