CSS实现了内容与表现的分离，提高了代码的可重用性和可维护性
HTML用于布局，CSS用于样式
CSS样式表使用方式
1.内联方式（内联样式）
将CSS样式定义在HTML的标签中。
特点：不通用，只能定义某一标签的单独样式。
2.内部样式表
将一系列样式定义在HTML的<head>中
特点：当前网页任何一个标签都可以使用，可重用性。
3、外部样式表
将样式定义在外部的css文件中可以引用
实现真正的样式的重用
3、 内联方式的css
定义在HTML标签中的style属性里的
<h2 style="样式规则"></h2>
CSS语法：
样式规则：
属性名称：属性值 多个规则之间用；进行区分
color：red ; background-color:blue;
样式组成：选择器和样式声明
选择器：决定了哪些元素能够使用定义好的规则
样式声明：由一对大括号包围着所有的样式规则
选择器{
/*样式规则*/
属性名称：属性值；
属性名称：属性值；
}
5、外部样式表
<head>
<link rel="stylesheet" type="text/css" href="引入样式表的地址"/>
</head>
<style>
@import "css/style.css";
</style>
6、 CSS样式表特征
1. 继承性 大部分的样式属性是可以被继承的
2. 层叠性 可以为一个标签定义多个样式，不冲突时，可以合并为一个
3. 优先级 样式定义冲突时，会根据样式规则的优先级进行应用样式
级别最高：内联样式，其次：内部样式表和外部样式表，就近原则
7、调整优先级
!important
语法：选择器{属性：属性值 !important;}
7、选择器 规定了哪些元素能够使用定义好的样式
1、通用选择器：*
扫一扫
2726
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
