• CSS3基础

    CSS
    层叠样式表 Cascading Style Sheets ，缩写为 CSS ，是一种样式表语言，用来描述 HTML 或 XML （包括如SVG、 MathML 、 XHTML 之类的 XML 分支语言）文档的呈现。
    CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题
    CSS 是开放网络的核心语言之一，由 W3C 规范实现跨浏览器的标准化。 CSS 节省了大量的工作。
            简化代码、提高编程效率
    CSS 指层叠样式表，样式定义如何显示 HTML 元素，样式通常存储在样式表中
            把样式添加到HTML 中是为了解决内容与表现分离的问题
            样式表的定义方式
                    嵌入式：在标签中以style属性出现
                    内联式：在head标签里添加 标签
                    外联式：以css扩展名的文件独立存在的方式
    type="text/css" />
            外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中
            样式可以通过定义保存在外部.css 文件中，同时控制多个网页的布局，这意味着开发者不必经
    历在所有网页上编辑布局的麻烦
    多个样式定义可层叠为一个
    CSS 被分为不同等级： CSS1 现已废弃， CSS2.1 是推荐标准， CSS3 分成多个小模块且正在标准化中 
    1. html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>菜鸟教程(runoob.com)title>
    6. <style>
    7.     body {background-color:yellow;}
    8.     h1 {font-size:36pt;}
    9.     h2 {color:blue;}
    10.     p {margin-left:50px;}
    11. style>
    12. head>
    13. <body>
    14.     <h1>这个标题设置的大小为 36 pth1>
    15.     <h2>这个标题设置的颜色为蓝色：blueh2>
    16.     <p>这个段落的左外边距为 50 像素：50pxp>
    17. body>
    18. html>

    CSS 基础语法
    CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明
     
    选择器通常是需要改变样式的 HTML 元素
    每条声明由一个属性和一个值组成
    属性 property 是希望设置的样式属性 style attribute 。每个属性有一个值。属性和值被冒号分开。
    CSS 注释
            注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它
            CSS注释以 /* 开始 , 以 */ 结束
    /* 这是个注释 */
    p {
            text-align:center;
            /*这是另一个注释 */
            color:black;
            font-family:arial;
        }
    使用 CSS
    CSS 可以通过以下方式添加到 html 中：
    内联样式：在 HTML 元素中使用 style 属性

    ; margin - left:20px ; "> 这是一个段落。

    内部样式表：在 HTML 文档头部 区域使用