我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

css3-门帅20221111

[复制链接]
I1220 发表于 2022-11-11 22:03:34 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
今日学习内容
CSS的复合选择器
        css复合选择器是对基础选择器的组合
        后代选择器:可以选择父元素里面所有的子级元素。父级元素 子级元素{样式声明}比如 div p {color} 元素1和元素2可以是任意的基础选择器
        子选择器:只能选择某元素最近一级的元素:元素1 > 元素2 {样式声明};
        并集选择器,div,p,.box{样式声明}
每一组选择器可以是任意类型的选择器
        伪类选择器
                链接伪类选择器
                        a:link{}
没有访问时
a:visited{}点击后
a:hover{}鼠标悬停
a:active{}点击时
                焦点伪类选择器
                        focus{}一般与input搭配使用

CSS的元素显示模式
        HTML元素显示模式的分类
                块元素:独占一行,可以设置宽高,宽度默认的是父级宽度的百分之百
                行内元素:一样多个,宽高设置都是无效的,默认的宽高是它本身内容的宽高,行内元素只能容纳文本或者其他的行内元素
注意:链接里面不可以再放链接
                行内块元素:相邻的行内块元素在一行上显示,并且有空白缝隙:高度和宽度可以进行设置(块级元素的特点,不设置时候,默认本身内容的宽高
        元素显示模式的转换
                切换行内元素:display:inline
                切换块级元素:display:block
                切换行内块元素:display:inline-block

CSS的背景属性
        背景颜色:background-color:
        背景图片:background-image:url
        背景平铺:background-repeat:repeat/no-repeat/repeat-x/repeat-y
        背景图片定位:background-position:精确的像素值单位和方位,两者可以混合使用
        背景图片的滚动:background-attachment:scroll /fixted
        背景的复合写法:background:一般默认的属性顺序:background-color background-image background-repeat background-attachment background-position
        背景半透明:background:rgba(0,0,0,0.3)a是alpha的缩写,代表透明度的意思,取值范围在0~1之间
CSS的三大特性
        层叠性
                相同的选择器设置相同的样式,此时新的样式会覆盖掉旧的样式
样式冲突的时候,遵循就近原则,哪个样式距离结构更近,就用哪一个
样式不冲突的时候,不会层叠。
        继承性
                在css中,子标签会集成父标签的某些样式,比如文本颜色和字号等等
可以被继承的属性:text-、font-、line-以及color属性
        优先级(权重)
                权重表:继承和通配符选择器<标签选择器<类和伪类选择器<id选择器<行内样式<!important
可以按照特殊性记忆,特性越强权重越大。
今日遇到的问题:无
今日已解决问题:无

回复

使用道具 举报

关注0

粉丝0

帖子33

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

客服电话:18009298968

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

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

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