CSS樣式表學習一

1. 定義樣式

1.1 按html標籤定義

例如：body{background-color:#999999; text-align:center}

1.2 按類定義

例如：.style1{border-style:solid; border-color:#0000FF; border-width:1px}

1.3 按id定義

例如：#style2{border-style:solid; border-color:#FF0000; border-width:1px}

2. CSS的位置和引用

    可以把樣式定義在css文件中，然後，在html文件中引用；也可以把樣式定義直接放在style標籤中。

　 (1)直接把樣式定義放在<style></style>中。

　　 <style>body{background-color:#999999; text-align:center}</style>

　 (2)在html文件引用css文件

　　 <link href="style.css" type="text/css" rel="stylesheet"/>

3. 使用CSS樣式定義

    根據三種定義方法，有三種使用方法

    (1)使用html標籤定義時，不需要對html代碼做任何修改，相應標籤會自動呈現樣式表定義效果

    (2)使用類定義時，html標籤增加class屬性，屬性值設定爲需要的樣式

         <div class="style1">我是一個div, 用class引用樣式</div>

    (3)使用id定義時，需要把html標籤id屬性值設定爲樣式名稱。

         <div id="style2">我是一個div, 用id引用樣式</div>