网页分为 结构 表现 行为
css 层叠样式表 每一层设置样式,最后看到的是最上面一层
1.行内样式 内联样式 不推荐使用
<p style="color: green;">陈安琪</p>
问题 样式只能对一个标签生效
2.内部样式表:将样式编写在head中的style标签
<style>
P{color: green; font-size: 30px}
</style>
可以为多个标签设置样式,修改只需要改一个
问题:只能对一个网页生效
3.外部样式表(主要使用)
多个网页使用编写到外部CSS中
CSS语法
CSS中的注释 /*
选择器(选中指定元素)+声明块(设置样式)
P是选中所有的P元素
一个样式名对应一个样式值,名和值以;连接
一 CSS选择器
常用选择器
1元素选择器,选中一类标签
p{}
2ID选择器 根据元素的ID属性值选中一个元素 ID不能重复
#abc{
color: red;
}
3.class是一个属性标签,和ID类似,不同的是ID可以重复使用,可通过class给元素分组
可以同时为一个元素指定多个class,多个用空格隔开
.class{}
3.通配选择器 选择页面中所有元素
*