毕向东_JavaScript视频教程_css

css层叠样式表
将网页中的样式分离出来，完全由css来控制，增强样式的复用性以及可扩展性。
格式: 选择器{属性名: 属性值;属性名:属性值;……}

css和html代码相结合的四种方式:
1.每一个Html标签都有一个style属性。
2.当页面有多个标签有相同样式时，可以进行复用。
<style>
css代码。
</style>
3.当有多个页面中的标签样式相同时，还可以将样式单独封装成一个css文件。通过在每个页面中定义
<style>
@import url("1.css");
</style>
4.通过Html中head标签中的Link标签链接一个css文件。
<link rel="stylesheet" href="1.css"/>
技巧:为了提高相同样式的复用性及扩展性，可以将多个标签样式进行单独定义，并封装成css文件.在一个css文件中使用css的import将多个标签样式文件导入。然后在html页面上，使用Link标签导入这个总的css文件即可。

选择器：样式要作用的标签容器。
当样式分离后，html作用在于用标签封装数据，然后将css加载到指定标签上。

选择器的基本分类:
1.标签选择器：HTML中的每一个标签名；
2.类选择器：其实就是每一个标签中的class属性，用.的形式表示，可以对不同标签进行相同样式设定；
3.ID选择器：每一个标签中的ID属性，保证ID的唯一性，ID不仅可以被Css所使用，还可以被javascript使用，用#标识。选择器优先级：ID>class>标签
扩展选择器：
1.关联选择器：对标签中的标签进行样式定义，选择器 选择器……
2.组合选择器：对多个选择器进行相同样式定义，将多个选择器通过","隔开的形式。
3.伪元素选择器:其实就是元素的一种状态；
a:link:超链接点击前状态；
a:visited：超链接点击后的状态；
a:hover悬停在超连接上；
a:active：点击超链接时。在定义这些状态时，有一个顺序: LVHA。

CSS滤镜:通过一些代码完成丰富了的样式，如拖影，水印。
当使用到CSS的更多属性时，还需要查阅 CSS API . 

网页设计的时候，DIV+CSS. 

DIV：行级区域，SPAN：块级区域；P：行级区域，P中不要嵌套DIV。区别：两个P中有换行。