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