CSS的概念：CSS 级联样式表 表现HTML文件样式的计算机语言，可设定字体、颜色、边距、高度、宽度等
优势：1、内容与表现分离
2、网页的表现统一，便于修改
3、丰富的样式，使页面布局更加灵活
4、减少网页的代码量，增加浏览速度，节省网络带宽
5、运用独立于页面的CSS，有利于网页被搜索引擎收录
CSS基本语法结构：1、选择器{声明；
声明2；}
举例：h1{color:red;}定义h1中的文本为红色
2、style标签：style type=“text/css”>所要设定的元素/style>
CSS样式的引用：
1、行内样式：h1 style=“color:red;font-size:15px”>…/h1>
2、内部样式表：在head中设置：style type=“text/css”>
h1{color:red;
font-size:15px}/style>
3、外部样式表： 在css中直接设定h1{color:red;
font-size:15px}
优先级：行内样式>内部样式表>外部样式表，符合就近原则
CSS基本选择器：
1、标签选择器：在css中直接设定，p{color:red;}对p段落进行设定
2、类选择器：在有多个p时，对p进行分类，
p class=“a”>…/p>
在css中对.a{color:red;}设定
3、ID选择器：和类选择器类似，把class变成id，在css中设定是用#a，和类选择器区别是id一个页面只能用一次
CSS高级选择器：层次选择器、结构伪类选择器、属性选择器
层次选择器：
1、后代选择器：E 空格F，E包含内的所有F
2、子选择器：E>F设定E下一级的所有F
3、相邻兄弟选择器：E+F设定E后紧邻的匹配F元素
4、通用兄弟选择器：E~F设置E后的所有匹配F元素
相关文章：