在CSS样式中,有大概3种表现形式

1.内联样式:语法为 style="color:red;"

    这个语法可以放在单个标签中,如下举例:

    <a href="cary_qin.html" style="color:red;">一个超链接</a>

 2.嵌入式样式,语法如下,有加'.'点号的class样式,和加'#'好的ID类样式

   <style type="text/css">

     .waring

    {

       color:red;

       font-size:14px;

    }

   #colo

   {

    background-color:red;

    color:black;

 

   }

     </style>

 

  通常,嵌入式的样式,都是放在HTML的<head></head>标签对里面呈现。

  例如,如果你要引用.waring这个标签,则需要加class这个关键字,如下

  <a href="test.html" class="waring">这是一个超链接</a>

  此超链接将会引用上面的这个样式表。

  如果在样式表中,使用#进行定义,则我们需要使用如下方式引用

 <a href="test.html" id="colo">这是一个超链接</a> 通过这种方式,我们就引用了上述的样式了。

 

3.还有一种是外部样式

  <link  rel="stylesheet" href="styles.css"> 这个是引用外部CSS样式表的方式

此样式表单独做为一个文件,这种方式,可以让所有网页都引用此样式表,极大的提高

了效率。