CSS 階層樣式表 (Cascading Stylesheets），非標準程式語言，是一種風格頁面語言。
在HTML中的元素（element）上套用各種的樣式（style）。

選擇器

CSS中有個重要的容器叫做選擇器，筆者自創的記憶方式如下：
HTML元素中有標籤，標籤裡面有內容，為了設計我們期待的內容，於是給這個內容有選擇的自由，因此裝著內容的容器，叫選擇器。CSS就是在各種選擇器中調整設計所要呈現的樣子。

具體而言，CSS主要用途是在設定文字段落、字型大小、顏色、行距、字距、縮排．．．等。設定背景圖片、顏色、調整版面、美化元素、甚至動畫等。

其中幾個重要、一定、必須要清楚地概念，尤其是屬性的繼承關係。

• Box Model
  • Content ( 內容 )、Padding ( 內邊距 )、Border ( 邊框 ) 和 Margin ( 外邊距 )
  • top (上)、right(右)、botton(下)、left(左)，順時鐘方向定義
• flexbox 多欄式版面框架
  • float 多欄式版面配置
• position 版面配置
  • 固定位置 fixed
  • 絕對位置 absolute
  • 相對位置 relative
• Media Query RWD響應式網頁必備技術
  • 依照不同媒體裝置，套用不同css內容
• 繼承關係
  • 前後順序：!important > #id > .class

很粗略地，重點式整理出css的幾個起步走關鍵名詞，在洋洋灑灑的網海中，各式的教學分享裡面，各路前輩神人們，怎麼一下用那個詞、一下這個詞，到底該怎麼組裝，明明不太難的觀念，怎麼自學生實作卻一直撞牆，有了這些關鍵字，讓自學者有個起步的入口，不再撞牆。在實作中，累積信心，走出屬於自己的一片天。

進階的CSS : Bootstrap

Bootstrap 知名的原因是它的RWD響應式佈局框架，最大的特點是提供現成的零件，相當於你買了一盒通裝的樂高，開始用它來組成你想要展現的樣子。

有句話這麼說：Bootstrap 可能是最直覺使用的 framework 了，因為 Bootstrap 的使用方法是「翻找文件、複製貼上」，因此對HTML、CSS稍有概念的話，稍微熟悉一下文件裡有哪些項目，就可以複製、貼上組裝成型。甚至可以把 Bootstrap 的官方文件當成 CSS 範例書，參考HTML 和 CSS的架構語法，會收穫很多CSS 的設定細節。

回到主題，筆者不是前端工程師，真要深入起來，前端工程也是一門很深的技術。

瞧瞧CSS設計之美 ，便可以知曉光透過HTML+CSS可以到達如此境界。由衷對前端工程師敬禮，網上很多神人前輩們無私地分享教學。筆者先收口袋，相關領域知識，目前先求有再求好。
說到CSS不得不介紹 Eric.Meyer ，他一位著名的 CSS 和 HTML 專家。他的網站分享非常多的寶藏等著去挖掘。至今不可或缺的Reset CSS，成了架設網頁時，重要的一頁。