1. CSS:层叠样式表（Cascading Style Sheets）是一种用来表现HTML的计算机语言。
能够同时控制多重网页的样式和布局
CSS属性可以定义文本的外观。通过文本的属性可以改变文本的颜色，字符的间距，对齐方式，装饰文本、缩进等等...
简言之，html负责结构、css负责样式
-----------------------------------------------------------------------------------------------
2. 为何学习css？
用css可以让结构(html)和样式(css)分离，方便维护，且开发者的工作效率得到了大大提高，想要修改哪个样式直接去css中修改不用去修改html的结构。
优 势:1.内容与表现分离，有了css，网页的内容(html)与表现就可以分离开
2.使用css可以减少网页的代码量，增加网页的浏览速度，提交可读性。
----------------------------------------------------------------------------------------------
3.CSS的基本语法:
css的基本语法由三部分组成：选择器、属性和值
slector{proprety:value;}
选择器(selector):通常是你希望定义的html元素或者标签，属性(proprety)是你希望改变的属性，并且每个属性都有一个值。
属性和值被冒号分开，并有花括号包围这样就组成了一个完整的样式声明（declaraction）： body{color:blue;}
--------------------------------------------------------------------------------------------
4.css的三种引用方式：
1>行间样式（Inline Styles）：应用内嵌样式到各个网页元素
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
2>内部样式（Embedding Styles）：在网页上创建嵌入的样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
3>外部样式（Linking Styles）：将网页链接到外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
--------------------------------------------------------------------------------------------
5.选择器（http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.html）：
基本选择器：
a.标签选择器：标签名{}
b.ID选择器 ：#idName{}注意：id属性只能在每个HTML文档中出现一次。
c.class(类)选择器：className{}
派生选择器：
a.*{} 通配符
b.组合选择器：选择器1,选择器2，选择器3..{}
c.后代选择器: 祖先选择器 后代选择器{}
d.子类选择器： 父级选择器>子类选择器{}
e.属性选择器： E[att] E[att=val] E[att~=val] E[att|=val]（css2.1）
f.相邻兄弟选择器:E + F：该选择器定位与元素E具有相同父元素且在标记中紧邻E的元素F：
*g.一般兄弟选择器：E ~ F：该选择器定位与元素E具有相同父元素且在标记中位于E之后的所有元素F(css3)
CSS 2.1 中的伪类：(CSS 伪类用于向某些选择器添加特殊的效果。)
E:first-child 匹配父元素的第一个子元素
E:link 匹配所有未被点击的链接
E:visited 匹配所有已被点击的链接
E:active 匹配鼠标已经其上按下、还没有释放的E元素
E:hover 匹配鼠标悬停其上的E元素
E:focus 匹配获得当前焦点的E元素
E:lang(c) 匹配lang属性等于c的E元素
CSS 2.1中的伪元素（CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”CSS1） 伪元素用于将特殊的效果添加到某些选择器
E:first-line 匹配E元素的第一行CSS2.1
E:first-letter 匹配E元素的第一个字母CSS2.1
E:before 在E元素之前插入生成的内容CSS2.1
E:after 在E元素之后插入生成的内容CSS2.1
伪元素和伪类的区别(https://segmentfault.com/a/1190000000484493)：
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。
初始化规定：伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。
--------------------------------------------------------------------------------------------
5.优先级：
1.样式的优先级：
多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素
，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）<（内部样式）<（内联样式）
2.选择器的优先权：
1>内联样式(行间样式)的权值：1000
2>ID选择器的权值：100
3>Class的选择器的权值：10
4>Html标签选择器的权值：1
5.>继承的权值是最低的有的文献给出了0.1
3.css优先级的法则：
A.选择器都有一个权值，权值越高越优先；
B.当权值相等时，后面的样式设置要优于先出现的的样式设置；
C.创作者的规则高于浏览器者：即网页编写者设置的css样式的优先权要高于浏览器所设置的样式(默认样式)；
D.继承者的样式不如后来者指定的样式；
E.在同一组属性设置中标有"!important"规则的的优先级最大，权值最大且比内联样式的权值都大；
-------------------------------------------------------------------------------------
6.选择器的继承
(http://www.360doc.com/content/10/0312/12/495229_18463787.shtml)：
选择器的继承指的是包在内部的标签将拥有外部标签的性质。最典型的特征应用通常发挥在整个网页的样式预设
css的主要特征是继承他依赖于祖先-后代的关系。继承是一种机制，它不仅允许要是可以应用到某个样式在特定的元素中，还
可以应用到他的后代，例如:body定义了某个颜色将应用到段落的文本中。
css继承的局限性：css中继承是一种自然力量，但是继承也有局限性。首先，有些属性就不能继承例如：border,background，margin，padding...
注意：有些继承会带来错误，body{color:red;}有些浏览器定义后使得表格中之外的文本变成红色，从技术角度去说这是不正确的，但是它是存在的所以有时候我们需要换种方式：body,table,tr,td{color:red;}
能够同时控制多重网页的样式和布局
CSS属性可以定义文本的外观。通过文本的属性可以改变文本的颜色，字符的间距，对齐方式，装饰文本、缩进等等...
简言之，html负责结构、css负责样式
-----------------------------------------------------------------------------------------------
2. 为何学习css？
用css可以让结构(html)和样式(css)分离，方便维护，且开发者的工作效率得到了大大提高，想要修改哪个样式直接去css中修改不用去修改html的结构。
优 势:1.内容与表现分离，有了css，网页的内容(html)与表现就可以分离开
2.使用css可以减少网页的代码量，增加网页的浏览速度，提交可读性。
----------------------------------------------------------------------------------------------
3.CSS的基本语法:
css的基本语法由三部分组成：选择器、属性和值
slector{proprety:value;}
选择器(selector):通常是你希望定义的html元素或者标签，属性(proprety)是你希望改变的属性，并且每个属性都有一个值。
属性和值被冒号分开，并有花括号包围这样就组成了一个完整的样式声明（declaraction）： body{color:blue;}
--------------------------------------------------------------------------------------------
4.css的三种引用方式：
1>行间样式（Inline Styles）：应用内嵌样式到各个网页元素
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
2>内部样式（Embedding Styles）：在网页上创建嵌入的样式表
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
3>外部样式（Linking Styles）：将网页链接到外部样式表
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
--------------------------------------------------------------------------------------------
5.选择器（http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.html）：
基本选择器：
a.标签选择器：标签名{}
b.ID选择器 ：#idName{}注意：id属性只能在每个HTML文档中出现一次。
c.class(类)选择器：className{}
派生选择器：
a.*{} 通配符
b.组合选择器：选择器1,选择器2，选择器3..{}
c.后代选择器: 祖先选择器 后代选择器{}
d.子类选择器： 父级选择器>子类选择器{}
e.属性选择器： E[att] E[att=val] E[att~=val] E[att|=val]（css2.1）
f.相邻兄弟选择器:E + F：该选择器定位与元素E具有相同父元素且在标记中紧邻E的元素F：
*g.一般兄弟选择器：E ~ F：该选择器定位与元素E具有相同父元素且在标记中位于E之后的所有元素F(css3)
CSS 2.1 中的伪类：(CSS 伪类用于向某些选择器添加特殊的效果。)
E:first-child 匹配父元素的第一个子元素
E:link 匹配所有未被点击的链接
E:visited 匹配所有已被点击的链接
E:active 匹配鼠标已经其上按下、还没有释放的E元素
E:hover 匹配鼠标悬停其上的E元素
E:focus 匹配获得当前焦点的E元素
E:lang(c) 匹配lang属性等于c的E元素
CSS 2.1中的伪元素（CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”CSS1） 伪元素用于将特殊的效果添加到某些选择器
E:first-line 匹配E元素的第一行CSS2.1
E:first-letter 匹配E元素的第一个字母CSS2.1
E:before 在E元素之前插入生成的内容CSS2.1
E:after 在E元素之后插入生成的内容CSS2.1
伪元素和伪类的区别(https://segmentfault.com/a/1190000000484493)：
伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。
初始化规定：伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。
--------------------------------------------------------------------------------------------
5.优先级：
1.样式的优先级：
多重样式（Multiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素
，就是使多重样式的情况。一般情况下，优先级如下：（外部样式）<（内部样式）<（内联样式）
2.选择器的优先权：
1>内联样式(行间样式)的权值：1000
2>ID选择器的权值：100
3>Class的选择器的权值：10
4>Html标签选择器的权值：1
5.>继承的权值是最低的有的文献给出了0.1
3.css优先级的法则：
A.选择器都有一个权值，权值越高越优先；
B.当权值相等时，后面的样式设置要优于先出现的的样式设置；
C.创作者的规则高于浏览器者：即网页编写者设置的css样式的优先权要高于浏览器所设置的样式(默认样式)；
D.继承者的样式不如后来者指定的样式；
E.在同一组属性设置中标有"!important"规则的的优先级最大，权值最大且比内联样式的权值都大；
-------------------------------------------------------------------------------------
6.选择器的继承
(http://www.360doc.com/content/10/0312/12/495229_18463787.shtml)：
选择器的继承指的是包在内部的标签将拥有外部标签的性质。最典型的特征应用通常发挥在整个网页的样式预设
css的主要特征是继承他依赖于祖先-后代的关系。继承是一种机制，它不仅允许要是可以应用到某个样式在特定的元素中，还
可以应用到他的后代，例如:body定义了某个颜色将应用到段落的文本中。
css继承的局限性：css中继承是一种自然力量，但是继承也有局限性。首先，有些属性就不能继承例如：border,background，margin，padding...
注意：有些继承会带来错误，body{color:red;}有些浏览器定义后使得表格中之外的文本变成红色，从技术角度去说这是不正确的，但是它是存在的所以有时候我们需要换种方式：body,table,tr,td{color:red;}
534
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
