一.css
1.定义:
层叠样式表,主要用于设置html页面中的文本内容以及外观显示样式。
2.与html的关系
3.引入css的方式
1.行内样式:通过在标签中设置style属性达到实现控制标签样式的效果
2.内部样式:在head标签中嵌套一个style标签,在其中书写css的样式
3.外部样式:
①通过link标签:rel是指定当前html文件和css文件的关系是样式表。 href是指定外联样式表的路径。
②import:导入样式会导致css文件不能并行下载(导入样式的书写必须在所有的css规则书写之前)
4.css语法
选择符,属性声明,括号
width: 宽度 height:高度 color:前景色
bgc:背景色 font-size:字体大小
6.注释
① 单行注释: /* 注释内容 */ (注释不能嵌套)
② 多行注释:
/*
多行注释内容
*/
③ 模块注释:
④ 文件头的注释:
二.选择器
1.
2.通配符* 代表所有标签,通过通配符选择器可以选择页面中所有的标签
3.ID选择器: 根据标签的id属性值(必须唯一)进行样式设置。 符号是 #
命名规范:
4.类选择器:
对html标签中class属性进行选择。 符号是 .
标签可以包含多个类选择器,在class标签中用空格隔开
例如:
5. css复合选择器
由两个或多个基础选择器,通过不同方式组合而成
① 标签指定式选择器(交集选择器)
由两个选择器构成,其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格
② 后代选择器
用来选择元素或元素组的后代
③ 并集选择器
各个选择器通过逗号隔开
三. 伪类选择器
四. css 的特性
1. 层叠性:后来设置的样式会覆盖之前的样式
2. 继承性:子容器会继承父容器的样式。
部分样式能继承:字体大小,颜色
盒子样式不能继承:高宽,边距,背景色
五. 优先级
1. 继承的样式大于默认的样式
2. 通配符选择器的样式优先级高于继承样式
3. 标签选择器的优先级高于通配符选择器
4. 类选择器样式的优先级高于标签选择器
5. ID选择器的优先级高于类选择器
6. 行内样式的选择器优先级高于id选择器