今日学习内容: 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 今日问题:无
|