CSS基础知识，学前准备

1.引入层叠样式表：

　　A.行内引入

<bodystyle="background-color:#cccccc">;
      在标签内使用style属性
</body>

　B.内联样式表

<html>
    <head>
        <title>内联样式表</title>
        <style type="text/css">
            body{
                background-color:#ccc;
            }
        </style>
    </head>
    <body>

    </body>
</html>

　　C.外部样式表

<html>
    <head>
        <title>外部样式表</title>
        <link rel="stylesheet" href="index.css" type="text/css">
    </head>
    <body>

    </body>
</html>

2.三种样式表的优先级对比（就近原则）

　　行内引入 > 内联样式表 > 外部样式表

3.代码注释：

　　/* 代码段 */

CSS:
　　/* background-color:#ccc; */

4.各浏览器前缀

前缀	浏览器
-webkit-	chrome和safari
-moz-	firefox
-ms-	IE
-o-	opera

5.CSS选择符：

　　A. 通配选择符

CSS：
    *{
        代码块；
    }

　　B. 元素选择符，路body、h1、p

CSS:
    body{
        代码块；
    }
    h1{
        代码块；
    }

　　C. 群组选择符

CSS:
    h1,h2,p{
        代码块；
    }

　　D. 关系选择符

HTML: (包含选择符 E F)
    <div>
        <a>我是div的子元素a标签</a>
    </div>
　　<p>
　　　　<a>我是p的子元素a标签</a>
　　</p>
CSS:
    div p{
        代码块；
    }

HTML:(子选择符 E>F)
  　 <div>
          <a>我是div的子元素a标签</a>
     </div>
　　<p>
　　　　<a>我是p的子元素a标签</a>
　　</p>
CSS:
　　div>p{
　　　　代码块；
　　}