html5晋级之路-css介绍

标签：

1.css概述

  css指层叠样式表

  css样式表极大地提高了工作效率

selector{

          property:value

            }

例：h1{color:red;font-size:14px;}

属性大于1个之后，属性之间用分号隔开

如果值大于1个单词，则需要加上引号：

p {font-family:"sans serif";}

2.css高级语法

1.选择器分组：

     h1，h2，h3{color:red;}

2.继承

    body{

          color:green;

}

规定了body中所有的样式，如果它没有单独的样式则遵循它；

3.css派生选择器：

    通过依据元素在其位置的上下文关系来定义样式

4.css id选择器

1.id选择器：

     id选择器可以为标有id的HTML元素指定特定的样式

     id选择器以“#”来定义

2.id选择器和派生选择器：

     目前比较常用的方式是id选择器常常用于建立派生选择器

     这里举个例子<p id="pid">helloword<a href="http://baidu.com">百度</a></p>

      #pid a{

} 

在这里写的属性都是a标签的~~~

5.类选择器

  类选择器以一个点显示

6.属性选择器

  <style type="text/css">

            [title]{

                 color:blue;

            }

             [title = te]{

                 color:red;

            }

</style>

如果不指定其属性值都遵循上面那个，指定了比如说te那么就遵循下面那个，这个跟之前的那些大同小异。

html5晋级之路-css介绍

标签：

原文地址：http://www.cnblogs.com/fanxinguu/p/4718271.html