我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

前端-毛少涵-2022.11.11

[复制链接]
微小星晨 发表于 2022-11-12 10:52:12 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
今日学习内容:
  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
今日问题:无

回复

使用道具 举报

关注0

粉丝0

帖子50

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026