前言:
朋友们好啊,终于结束了考试的摧残,正式宣布放假啦哈哈哈😜😜😜,
可以收拾行李回家啦,开启肥宅模式,做一个快乐的肥宅😁😁😁 !!!
好了,话不多说,上题目!!!😍😍😍
题目:
(题目1) 清除浮动的几种方式 ?
(题目2) 为什么要初始化 CSS 样式 ?
(题目3) CSS3 有哪些新特性 ,新增伪类有哪些 ?
倒计时10min,开始计时,看看自己能做对几道题😎😎😎?参考解析在下面,但不要直接看解析哦,这样子没什么效果的!!!
参考解析:
题目1:
1.⽗级 div 定义 height
2.结尾处加空 div 标签 clear:both
3.⽗级 div 定义伪类 :after 和 zoom
4.⽗级 div 定义 overflow:hidden
5.⽗级 div 也浮动,需要定义宽度
6.结尾处加 br 标签 clear:both
题目2:
1.因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化,
往往会出现浏览器之间的⻚⾯显示差异。
2.当然,初始化样式会对 SEO 有⼀定的影响,但⻥和熊掌不可兼得,在⼒求影响最⼩的情况
下初始化。
题目3:
1.新增各种 css 选择器
2.圆⻆ border-radius
3.多列布局
4.阴影和反射
5.⽂字特效 text-shadow
6.线性渐变
7.旋转 transform
8.CSS3新增伪类:
1)p:first-of-type 选择属于其⽗元素的⾸个 <p> 元素的每个 <p> 元素。
2)p:last-of-type 选择属于其⽗元素的最后 <p> 元素的每个 <p> 元素。
3)p:only-of-type 选择属于其⽗元素唯⼀的 <p> 元素的每个 <p> 元素。
4)p:only-child 选择属于其⽗元素的唯⼀⼦元素的每个 <p> 元素。
5)p:nth-child(2) 选择属于其⽗元素的第⼆个⼦元素的每个 <p> 元素。
6):after 在元素之后添加内容,也可以⽤来做清除浮动。
7):before 在元素之前添加内容。
8):enabled 已启⽤的表单元素。
9):disabled 已禁⽤的表单元素。
10):checked 单选框或复选框被选中。
怎么样,是不是很简单,你做对了几道题呢?做对的再接再厉,不要骄傲,做错的也没有关系啦,好好总结,继续努力 !!!
当然啦,大家如果有补充的或者其它问题,欢迎大家在评论区交流啊,路漫漫其修远兮,吾将上下而求索,希望大家可以一起坚持下去啊 !!!😎😎😎~~~
如果这篇文章能够帮助到您,希望您不要吝惜点赞👍👍和收藏💖💖,您的支持是我继续努力的动力 💪💪 !!!