1.對于文本和背景，用對比度最大的顏色。（進Web前端交流群0007領取前端工具和資料）2. HTML就像泥工和木工造出房子和家具（結構），CSS像裝修工裝飾和粉刷。3. 盒子中背景顏色會填充內容、內邊距、邊框。邊框以外和外邊距沒有。4. Border-radius: px(em) 創建圓角。border-top-left-radius:30px;表示在左上角畫一個半徑30像素的圓弧。必須上下在前，左右在后。5. 類以字母開頭，ID以字母開頭，包括字母數組下劃線。6. @media可以用于媒體查詢。 把所有媒體通用的規則放在@media規則下面。Min(max)-device-width指的是設備的屏幕寬。Min(max)-width指的是瀏覽器窗口寬。7. 一個塊元素的默認寬度是"auto"，允許內容填滿可用的所有空間（考慮內容+內邊距+邊框+外邊距）。8. Text-align:center; 只能在塊元素中設置。并將這個塊元素中的內聯元素都居中對齊。9. ID選擇器“#elixirs h2”表示選擇的<h2>元素是id為elixirs的塊元素的所有子孫，包括其內嵌套的。 用“#elixirs>h2”表示只選擇id為elixirs的元素的直接孩子<h2>。

多級子孫選擇器 “#elixirsblockquote h2”。11. Em是默認的字體大小 或是繼承字體大小的倍數。只是字體！12. Line-height 可以直接設置為一個數。如：line-height: 1;就表示各個元素的行高為自己字體大小的1倍，而不是父類字體大小的1倍。        13. 使用 border-bottom，這條線會延伸到頁面邊緣，而使用 text-decoration:underline時，下劃線只會出現在文本下面。14. sans-serif 系列字體沒有襯線，看起來更清晰。serif系列字體有襯線。15. 一般來說，能影響文本外觀都的樣式都能被繼承。如字體顏色、字體、大小、字體粗細、是否斜體等。其他的如邊框等不能被繼承。16. 由于有多個選擇器有相同的特定性而無法解決沖突時，使用的樣式為在CSS文件中最后列出的規則。17. @font-face 規則是內置的CSS規則。不是選擇器規則。 類似還有：@import、@media。18. 用“%”、“em”來表示大小是相對于父元素字體的大小。一般的，為了方便整個頁面調整字體大小。給body元素用關鍵字定義字體大小，如small、medium等，用 % 或 em 來定義文本字體大小。

19. font-style:italic  當字體支持傾斜風格時或者有專門設計的傾斜字符。如果沒有就顯示為傾斜文本，等同于font-style:oblique直接把文本傾斜，而不是一種傾斜字體。