What CSS is（什麼是CSS）
CSS（Cascading Style Sheets階層式樣式表）是一種描述你html的外觀和格式的語言。
一個樣式表（style sheet）是一個描述html頁面看起來怎麼樣的檔案。
我們說這些樣式表是級聯（cascading）的是因為這些表格可以應用超過一種的樣式。例如，你想讓所有的段落<p>的字都是藍色的，但是只有其中某一個單詞是紅色的，CSS也可以做到這點。
只要這樣子設定css檔案：
p { color: red; } span { /*Write your CSS here!*/ color: blue; }
然後html檔案中串連css檔案後，直接使用<span>即可，就會自動化佈建css的樣式：
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Fancy Fonts</title> </head> <body> <p>I'm a paragraph written in red font, but one of my words is <span>blue</span>!</p> </body> </html>
效果圖：
Why sparate from function?（為什麼要把功能分開？）
有兩個主要原因要把form/formating（css）和content/strutrue（HTML）分開來：
1. 可以給一種標籤定製格式，以後使用這個標籤就再也不需要在重寫代碼。
2. 可以把同一種樣式表應用在多個html檔案中，而不要重寫代碼
If it's in, it's out!（引用css檔案）
在之前的課程中學習了html內聯樣式（inline styling），例如：
<p style="color:red">Red font!</p>
如果用這種方法製作網頁，那麼將會很可怕：你必須要寫非常多相同的代碼，這樣會讓html檔案變得很大！而且如果要改變風格，那麼就需要改變所有的代碼！而如果使用css檔案的話，只需要修改這個檔案就可以了，多麼輕鬆！
有兩種方法給html檔案設定css：
1. 內建在html中，即放在在html檔案的<head>標籤內，把css內容放在<style>標籤內。
例如：
<span style="font-size:14px"><!DOCTYPE html> <html> <head> <style> p { color: purple; } </style> <title>Result</title> </head> <body> <p>Check it out! I'm purple!</p> </body> </html></span>
更多精彩內容：http://www.bianceng.cn/web/Html/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
