• CSS3------什么是css

    什么是CSS

    层叠样式表 Cascading Style Sheets ，缩写为 CSS ，是一种样式表语言，用来描述 HTML 或 XML （包括如SVG 、 MathML 、 XHTML 之类的 XML 分支语言）文档的呈现。
    CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题
    CSS 是开放网络的核心语言之一，由 W3C 规范实现跨浏览器的标准化。 CSS 节省了大量的工作。
    • 简化代码、提高编程效率
    CSS 指层叠样式表，样式定义如何显示 HTML 元素，样式通常存储在样式表中
    • 把样式添加到HTML中是为了解决内容与表现分离的问题
    • 样式表的定义方式
    1. 嵌入式：在标签中以style属性出现
    2. 内联式：在head标签里添加 标签
    3. 外联式：以css扩展名的文件独立存在的方式 type="text/css" />
    • 外部样式表可以极大提高工作效率，外部样式表通常存储在 CSS 文件中
    1. 样式可以通过定义保存在外部.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注释以 /* 开始, 以 */ 结束 
    1. /*这是个注释*/
    2. p {
    3. text-align:center;
    4. /*这是另一个注释*/
    5. color:black;
    6. font-family:arial;
    7. }

    使用CSS

    CSS 可以通过以下方式添加到 html 中：
    内联样式：在 HTML 元素中使用 style 属性

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

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