菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-毛少涵-2022.11.11 [打印本页]

作者: 微小星晨 时间: 2022-11-12 10:52
标题: 前端-毛少涵-2022.11.11

今日学习内容：

1，复合选择器复合选择器可以更加准确、高效的选择目标元素

1.1后代选择器语法元素1 元素2{样式} 元素1是父级元素2是子级

元素1和元素2可以是任意基础选择器

1.2 子选择器语法元素1>元素2{样式} 元素2必须是元素1的亲儿子

1.3并集选择器可以选择多组标签为它们同时指定样式每组选择器用逗号隔开

每组选择器可以是任意种类选择器

1.4伪类选择器：link ：visited ：hover ：active 如果四个伪类选择器都要使用，按照lvha的顺序来进行设置（love hate）

1.5 焦点伪类选择器input:focus {样式声明};

2. CSS的元素显示模式分类块元素独占一行宽高可以设置

行元素一行多个不可设置宽高行内块一行多个可设置宽高

2.2元素显示模式转换转换块元素 display:block;转换为行元素 display：line

转换为行内块 display：line-block

3.css背景属性 3.1一般默认的属性顺序：background-color（背景颜色） background-image（背景图片） background-repeat（背景平铺）background-attachment（背景滚动） background-position（背景定位）复合写法属性background：属性值一般按上述顺序值

背景半透明语法：background:rgba(0,0,0,0.3);其中0.3表示透明度取值在0-1间0可以省略，对盒子里内容无影响

4.css三大特性 4.1层叠性相同的选择器设置相同的样式样式冲突的时候，遵循就近原则

样式不冲突的时候，不会层叠。

4.2 继承性在css中，子标签会集成父标签的某些样式

4.3 优先级（权重）重要程度由低到高继承或* ，元素选择器，类选择器或伪类选择器，ID选择器，行内样式，!important（无穷大）

权重是由四组数字构成，但是不会有进位

如果使用复合选择器，那么就将复合选择器中的基础选择器的权重进行相加

继承的权重是0，父元素的样式权重再高对于子元素来说，继承下来的样式权重都是0

今日问题：无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)