一、CSS概述
1、什么是CSS
Cascading style sheets,层叠样式表、级联样式表,简称样式表
2、css的作用
设置HTML网页中元素的样式
3、HTML与CSS的关系
HTML:负责网页的搭建,内容展示--网页骨架
CSS:负责网页的修饰,样式的构建--给网页化妆
4、HTML属性和CSS的使用原则
W3C建议我们尽量使用CSS的方式来取代HTML属性
二、CSS的语法规范
1、使用CSS的方式
(1)内联样式/行内样式
将css样式定义在html标签中
<any style="样式声明"></any>
样式声明:样式属性:值;样式属性:值
2、内部样式
在网页head标签中创建style标签,在style标签内部定义样式
<style>
样式规则1;
样式规则2;
</style>
样式规则:由选择器和样式声明组成
元素选择器,由元素名称作为选择器,页面上匹配这个元素的名称的元素,都可以用这个样式
div{
color:red;
}
3、外部样式
独立于任何一个网页,声明一个样式文件(.css),在css文件中写样式规则
使用步骤
- 创建样式表文件
- 在css文件中编写样式规则
- 在网页的头部引入css文件<link href="css的url" rel="stylesheet">
3、Css特性
(1)继承性:大部分的css效果是可以直接继承的,必须父子结构(有层级嵌套),子继承父
(2)层叠性:可以为一个元素定义多个样式规则,规则中属性不冲突时,多个样式可以同时应用到当前元素上
(3)优先级:如果多个样式冲突,按照样式的优先级应用样式
最高:内联样式
中间:
最低:浏览器默认样式