2021/1/8-每日三题第15弹:终于放假啦,你知道清除浮动有哪些方式吗 ???

本文介绍了如何通过多种方式清除浮动,包括使用height、clear属性、伪类:after、overflow等,并阐述了初始化CSS样式的重要性,涉及浏览器兼容性和SEO。同时,概述了CSS3的新特性,如伪类选择器的变化和应用。
摘要由CSDN通过智能技术生成

前言:

朋友们好啊,终于结束了考试的摧残,正式宣布放假啦哈哈哈😜😜😜,

每日三题每日三题

可以收拾行李回家啦,开启肥宅模式,做一个快乐的肥宅😁😁😁 !!!
每日三题每日三题

好了,话不多说,上题目!!!😍😍😍

题目:

(题目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 单选框或复选框被选中。

怎么样,是不是很简单,你做对了几道题呢?做对的再接再厉,不要骄傲,做错的也没有关系啦,好好总结,继续努力 !!!

当然啦,大家如果有补充的或者其它问题,欢迎大家在评论区交流啊,路漫漫其修远兮,吾将上下而求索,希望大家可以一起坚持下去啊 !!!😎😎😎~~~

每日三题

如果这篇文章能够帮助到您,希望您不要吝惜点赞👍👍和收藏💖💖,您的支持是我继续努力的动力 💪💪 !!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值