css3

一、css代码的书写的三个位置

 1.在当前页面来进行编写css代码

   格式：

     <style type="text/css">

       css的样式

     </style>

   例如：

     <style type="text/css">

        a{

      color:#F00;

      font-size:36px}

     </style>

2.引入外部css文件

  格式：

        <link href="css文件资源路径"  rel="stylesheet"/>

  例如：<link href="1css文件.css" rel="stylesheet"/>

3.把样式写到指定的标签上

  style="color:#0F0;font-size:36px "

二、选择器

1.id选择器：id的属性值 在一个页面当中只出现一次

 格式：#id属性值{

          样式

        }

      例：#a1{

      color:#F00;

      font-size:16px;

     }

 2. 标签选择器：根据标签名来找指定的标签

      标签名{

        样式

      }  

   例：

     a{

  font-size:32px;

  color:#F00;

}

    注意：id选择器的优先级比标签选择器的优先级高

3.类选择器：首先需要给标签添加一个class的属性，在一个网页当中class的属性值可以出现多个。

   .class属性值{

     样式化

   }

    .c1{

  font-size:36px;

  color:#FF0}

   注意：id的选择器的优先级要高于类选择器的优先级

4.伪类选择器的使用

  :link 设置a对象在未被访问前的样式表属性

  :hover  设置对象在其鼠标悬停时的样式表属性

  :active  设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性

  :visited  设置a对象在其链接地址已被访问过时的样式表属性

三、盒子模型

    盒子模型就是把一个html边框比作称一个盒子的边，盒子模型要做用于操作数据与

边框之间的距离。

 padding：内边距

 margin：外边距

四、定位

   css的定位 position

relative： 相对定位，相对于原来的位置

absolute：绝对定位，相对于整个网页的位置

fixed：   固定定位