前端面试题-css篇

css

1.说一下css盒子模型

首先在html页面中中所有的元素可以看作一个盒子
盒子的组成是有:内容(content),内边距(padding),边框(border),外边距(margin)
盒模型的类型:
 标准模型:(就是上面说的盒子组成)
  内容(content),内边距(padding),边框(border),外边距(margin)
 IE盒模型:
  margin+content(border+padding)

2.css有那些选择器和优先级

选择器
 id选择器
 类型选择器
 属性选择器
 伪类选择器
 标签选择器
 相邻选择器
 子选择器
 后代选择器
 通配符选择器
优先级
 !important
 内联样式(1000)
 ID选择器(0100)
 类选择/属性选择器/伪类选择器(0010)
 元素选择器/伪元素选择器(0001)
 关系选择器/通配符选择器(0000)
带!important标记的样式属性优先级最高;样式表的来源相同时;!important>行内样式>ID选择器>类选择器>标签选择器>通配符>继承>浏览器默认属性

3.隐藏元素的方法

 display:none
 opacity:0
 visibility:hidden
 position:absolute
 clip-path

4.重绘和重排有什么区别

重排/回流(reflow):当DOM的变化影响到元素的几何信息,浏览器需要重新计算元素的集合属性,将其安防在界面的正确位置,这个过程叫重排。
重绘(repaint):当一个元素的外观发生变化,单没有改变布局,重新把元素外观绘制出来的过程,叫做重绘。

重排和重绘的代价时高昂,回影响用户体验,让ui变得迟缓。重排的性能影响更大,在两者都无法避免的情况下,一般选择代价更小的重绘。重绘不一定回重新重排,重排必然会出现重绘

5.让一个元素水平居中的方式有哪些

定位加margin/定位加tranform/flex/gird/table

6.css哪些属性可以继承,哪些不可以继承

 css的三大特性,继承、层叠、优先级
 继承是指:子元素可以继承父元素的样式
 可继承性:字体一些属性例如font、文本的一些属性例如line-height、元素可见性的属性visibility:hidden、表格布局的属性border-spacing、列表的属性list-style、页面样式属性page、声音的样式属性等

7.有没有用过预处理器

 预处理语言增加了变量、函数、混入等强大的功能
 用过的预处理器:sass、less

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值