css面试题
文章平均质量分 91
distantimg
这个作者很懒,什么都没留下…
展开
-
说说flexbox(弹性盒布局模型),以及适用场景?
简称flex,意为”弹性布局”,可以简便、完整、响应式地实现各种页面布局采用Flex布局的元素,称为flex容器container它的所有子元素自动成为容器成员,称为flex项目item容器中默认存在两条轴,主轴和交叉轴,呈90度关系。项目默认沿主轴排列,通过来决定主轴的方向每根轴都有起点和终点,这对于元素的对齐非常重要。原创 2022-11-07 22:25:01 · 227 阅读 · 0 评论 -
说说em/px/rem/vh/vw区别?
传统的项目开发中,我们只会用到px、%、em这几个单位,它可以适用于大部分的项目开发,且拥有比较良好的兼容性从CSS3开始,浏览器对计量单位的支持又提升到了另外一个境界,新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面,适应多种不同分辨率的终端,包括移动设备等px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算,整个页面内1em不是一个固定的值rem:相对单位,可理解为root em。原创 2022-11-07 22:20:12 · 166 阅读 · 0 评论 -
说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别?
CSS像素(css pixel, px): 适用于web编程,在 CSS 中以 px 为后缀,是一个长度单位在 CSS 规范中,长度单位可以分为两类,绝对单位以及相对单位px是一个相对单位,相对的是设备像素(device pixel)一般情况,页面缩放比为1,1个CSS像素等于1个设备独立像素CSS在同一个设备上,每1个 CSS 像素所代表的设备像素是可以变化的(比如调整屏幕的分辨率)在不同的设备之间,每1个 CSS 像素所代表的设备像素是可以变化的(比如两个不同型号的手机)原创 2022-11-07 22:14:23 · 227 阅读 · 0 评论 -
CSS3新增了哪些新特性?
即层叠样式表(Cascading Style Sheets)的简称,是一种标记语言,由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多,主要是做一个预设的动画。和一些页面交互的动画效果,结果和过渡应该一样,让页面不会那么生硬。background-size属性常用来调整背景图片的大小,主要用于设定图片本身。通常情况,背景都是覆盖整个元素的,利用这个属性可以设定背景颜色或图片的覆盖范围。能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色。当我们设置背景图片时,图片是会以左上角对齐,但是是以。原创 2022-11-07 22:11:35 · 5008 阅读 · 0 评论 -
如果要做优化,CSS提高性能的方法有哪些?
每一个网页都离不开css,但是很多人又认为,css主要是用来完成页面布局的,像一些细节或者优化,就不需要怎么考虑,实际上这种想法是不正确的作为页面渲染和内容展现的重要环节,css影响着用户对整个网站的第一体验因此,在整个产品研发过程中,css性能优化同样需要贯穿全程css实现性能的方式可以从选择器嵌套、属性特性、减少http这三面考虑,同时还要注意css代码的加载顺序。原创 2022-11-07 22:07:00 · 163 阅读 · 0 评论 -
如何实现两栏布局,右侧自适应?三栏布局中间自适应呢?
基于绝对定位的三栏布局:注意绝对定位的元素脱离文档流,相对于最近的已经定位的祖先元素进行定位。两栏布局实现效果就是将页面分割成左右宽度不等的两列,宽度较小的列设置为固定宽度,剩余宽度由另一列撑满,这里称宽度较小的列父元素为次要布局容器,宽度较大的列父元素为主要布局容器。两栏布局非常常见,往往是以一个定宽栏和一个自适应的栏并排展示存在。在日常布局中,无论是两栏布局还是三栏布局,使用的频率都非常高。文档,蓝色区域为主要内容布局容器,侧边栏为次要内容布局容器。可以说是最好的方案了,代码少,使用简单。原创 2022-11-07 22:03:29 · 247 阅读 · 0 评论 -
元素水平垂直居中的方法有哪些?如果元素不定宽高呢?
css原创 2022-11-07 22:00:37 · 91 阅读 · 0 评论 -
说说你对盒子模型的理解?
css原创 2022-11-07 21:56:07 · 281 阅读 · 0 评论 -
1.css3动画有哪些?
css原创 2022-11-07 21:49:22 · 211 阅读 · 0 评论