CSS(层叠样式表概述）

1、CSS(层叠样式表）：用于布局与美化页面，允许网页设计者定义网页元素样式，包括了字体，颜色，背景，图片大小以及其他高级样式等等。

2、CSS不需要编译，直接由浏览器执行（属于浏览器解释型语言）。

3、CSS语法：样式规则由选择器和格式声明语句组成

4、选择器通常是你需要改变样式的HTML元素

5、格式声明语句放在 { } 内

6、每一条格式声明语句由 "属性名：属性值；" 组合

7、写法

<style type="text/css">

　　h1{

　　　　text-align:center;

　　　}

</style>

或者

<h1 style="text-align:center;">hello world</h1>

再或者引入外部文件

<link rel=“stylesheet” type=“text/css” href=“./mystyle.css">

8、注释写法  /*   css注释    */

9、HTML引入css的三种方法：行内样式（内联样式）、行外样式（内部样式）、外部样式；

10、CSS选择器：

标签选择器（元素选择器）：该选择器使用元素标签，例如: h1{text-align:center;},p{text-align:center;}

类选择器(class属性值）：该选择器使用class属性值，例如：<h1 calss="title" > hello world</h1> 则 .title {text-align:center;}

id选择器(id属性值）:该选择器使用id属性值，例如：<h1 id="title">hello world </h1> 则 #title{text-align:center;}

通配符选择器：该选择器作用所有元素，例如 *{font-size:14px;color:#888}

组合选择器：

　　多元素选择器（多个元素使用同一样式，例如：p,h1,h2{text-align:center;}）；

　　后代元素选择器（匹配某个元素的下一级元素，匹配A元素下的B元素，真正作用样式的是B元素，例如 #title p{ font-size:14px},作用在p元素）；

　　子元素选择器(匹配某个元素下的子元素，例如div>p{font-size:14px} ，样式作用在所有p元素）