前端面试题(二)

本文探讨了CSS选择器的优先级,详细介绍了如何通过浮动、弹性盒子和绝对定位实现块级元素的行内布局。同时,讲解了标准流的概念,并提出了优化CSS性能的策略,如选择合适的选择器和属性、异步加载CSS。最后,讨论了清除浮动的几种方法,包括clear属性、使用br标签和overflow隐藏。
摘要由CSDN通过智能技术生成

1.CSS选择器样式优先级

答:选择器越是具体优先级越高:!import>行内样式>id选择器>类选择器>标签选择器

2.CSS的块级元素行内布局如何实现

答:1.浮动(float)会使得脱离标准流。2.弹性盒子(CSS3新增),flex布局(display:flex),不会导致脱离标准流,会导致盒子塌陷(子元素盒子高度超过父元素高度,overflow:hidden),不适用ie低版本。3.绝对定位,position:absolute。

3.什么是标准流

答:行内元素(a,span,i等)不占空间从左往右开始排序,自动换行;块级元素(div,hr,p,h等)占据空间,从上往下排列。

4.如果优化css性能有哪些

答:1.选择合适的选择器。2.选择合适的属性减少浪费。3.资源合理使用。4.异步加载css。5.不要使用@import。

5.请你谈谈CSS布局的理解

答:常见的布局方式有:固定布局,流式布局,弹性布局,定位布局,浮动布局,padding和margin。

6.请你列举几个清除浮动的方法

1.clear属性(clear:both)2.使用br标签以及自身html属性。3.父元素上清除浮动(overflow:hidden)。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值