在網絡上我們經常會看見別人的頁面很漂亮，顏色也很喜歡，整體看起來很舒服，就會想著自己去做，可以熟不知這其實就是UI的頁面。
而實現網頁美觀的技術是 CSS，在Web前端中，CSS 和
HTML、JavaScript 共稱為前端的三件馬車。
什么是 CSS
那什么是 CSS呢？CSS 能做什么呢？
只要你在網絡上搜索一下“Web前端”相關的知識，都會講到CSS。
CSS 是層疊樣式表，主要用來修飾網頁的，讓網頁變得美觀。
百度百科專業解釋：CSS 的英文全稱：Cascading Style Sheets 是一種用來表現 HTML 等文件樣式的計算機語言。
CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。 [2]
CSS 規則
CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
每條聲明 由一個屬性和一個值組成。
屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。
屬性和值被冒號分開（:）。
selector {property: value}
CSS 實例
CSS 聲明 總是以分號（ ; ）結束，聲明組 以花括號（ { } ）包圍起來。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
示意圖展示代碼的結構
示意圖為您展示了上面代碼的結構
多重聲明
如果要定義不止一個聲明，則需要用分號（;）將每個聲明分開。上面的例子展示出如何定義一個紅色文字并設置字體大小。最后一條規則是不需要加分號的，因為分號在英語中是一個分隔符號，不是結束符號。然而，大多數有經驗的設計師會在每條聲明的末尾都加上分號，這么做的好處是，當你從現有的規則中增減聲明時，會盡可能地減少出錯的可能性。
CSS 注釋
注釋是用來解釋你的代碼，并且可以隨意編輯它，瀏覽器會忽略它。
CSS注釋以 /* 開始, 以 */ 結束, 實例如下:
/*這是個注釋*/
p{
text-align:center;
/*這是另一個注釋*/
color:black;
font-family:arial;
}
CSS 是修飾網頁的一門技術，你也可以嘗試著做一個網頁。Web前端中里面的
HTML、CSS 都是比較常見的技術，也可以嘗試著去試學一下吧。
申請試學
