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>