CSS3的chapter1

初学CSS3的第一天，虽然之前有接触过CSS，不过好像是CSS2，我也上网了解了一下CSS3，新增了很多强大的元素，也让我更有兴趣去学习了。

CSS（Cascading Style Sheets）层叠样式表

不同浏览器可能需要不同的前缀，这也是为了考虑可以更好的向前兼容

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

CSS最重要的就是将表现与结构分离，提高代码的可读性，更方便的修改和查阅代码。

CSS的语法结构：

　　selector{Property：Value;}

　　选择符　　属性　　　　值

例子：

　　body{background-color:red;}

　　h1{font-size:12px;}

引入CSS的方法有三种：

　　1.行内引入:

    <body style="background-color:red;"></body>

　　 <h1 style="font-size:12px;"></h1>

　　2.页内引入：

<head>
      <title></title>
        <style>
                body{
                    background-color:red;
               }
                h1{
                    font-size:12px;
                }
         </style>
</head>

　　3.外部样式表：

　　　　style.css:　　

body {
      background-color:#cccccc;
  }

 h1{
       font-size:12px;
  }

　　　　index.html:

<head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="style.css" />
</head>

三种引入方法的优先级比较：

　　就近原则：行内引入>页内引入>页外引入

注释方法：

　　/*注释内容*/