CSS标签(1) - 介绍

<style>标签:

<style   type="text/css" >

    h1 {

            font-size:12px;

            color:#F00;

     }

</style>

CSS语法:

选择器 {    //选择器包括:标签选择器,类选择器,id选择器,并集选择器,后代选择器,交集选择器

  声明1;

  声明2;

  ……

  }

标签选择器:p {  font-size:16px;};

类选择器:.class {  font-size  :  16px;};

id选择器:#id { font-size:16px;}

并集选择器:

p  ,   #id  , .class  {

  font-size : 14px;

  color :  green;

}

后代选择器:

p  a{

  font-size : 14px;

  color :  green;

}

交集选择器:

  h3.second   {

  font-size : 14px;

  color :  green;

  }

特别注意:

标签选择器直接应用于HTML标签;

类选择器可在页面中多次使用;

ID选择器在同一个页面中只能使用一次;

灵活运用并集、交集、后代选择器;

CSS的引入:行内样式,内部样式表,外部样式表;

行内样式:<h1  style="color:red; " >style属性的应用</h1>;

内部样式表:

<head>

    <style  type="text/css">

          h3{  color: red;   }

    </style>

</head>

外部样式表:

(1)链接式:<link type="text/css" rel="styleSheet"  href="css引入路径“/>;

(2)导入式:<style type ="text/css">  @import url("css文件路径"  );  </style>

CSS中的优先级:

行内样式 > 内部样式表 > 外部样式表;   

ID选择器  >  类选择器  > 标签选择器;

posted @ 2016-09-22 19:47  Dean93  阅读(114)  评论(0编辑  收藏  举报