第一章：CSS簡介和基本語法

1.CSS簡介

• CSS是用於佈局與美化網頁的；
• CSS是Cascading Style Sheets的英文縮寫，即層疊樣式表；
• CSS語言是一種標記語言，因此不需要編譯，可以直接由瀏覽器執行（屬於瀏覽器解釋型語言）；
• CSS文件是一個文本文件，它包含了一些CSS標記，CSS文件必須使用.css爲文件名後綴；
• CSS是大小寫不敏感的，CSS與css是一樣的；
• CSS是由W3C的CSS工作組產生和維護的。

2.CSS基本語法

基本語法：
CSS定義分別由：選擇器、屬性、屬性取值組成；

格式：

selector{
             property:value;
        }

選擇器：用於找到哪個或那些HTML標籤

屬性和值：如字體顏色、字體大小、邊框、背景等，屬性名和值使用冒號分開，多個屬性之間使用分號分開；

如下：

p{
    text-align:center;
    color:red;
    font-family:宋體;
}

3.CSS註釋

CSS註釋格式如下：

/* CSS註釋 */

4.長度單位

在CSS樣式表中可以使用如下長度單位：

相對長度單位：

• px像素(Pixel)，如：div {font-size:12px}；
• em，相對於當前對象內文本的字體尺寸，如：div {font-size:1.2em}；
• %百分比，如 div {font-size:80%}。

絕對長度單位：

• pt點（Point）；
• cm釐米（Centimeter）；
• mm毫米（Millimeter）。

5.顏色單位和URL值

CSS中的顏色值：

• #rrggbb（如：#ffcc00）；
• #rgb（如：#fc0）；
• rgb(x,x,x)，其中x是一個0-225的整數值，如rgb(225,204,0)；
• rgb(x%,x%,x%)，其中x是一個0-100的整數值，如rgb(100%,80%,0)。

CSS指定URL地址方式：

• body{background-image:url(bg.jpg)}

• body{background-image:url('bg.jpg')}

• body{background-image:url("bg.jpg")}

• body{background-image:url(http://www.hao123.com/im/bg.jpg)}