前言      CSS作为前端三件套之一，在面试时，它的热度也是非常高的，被问到的概率非常大，所以，下面我为大家列举一些非常经典的面试题目，希望对各位面试有所帮助! 正文 1. 说说你对css盒子模型

Grid 布局又称网格布局，与 Flex 布局有一定的相似性，但grid布局相较flex布局可以看为是二维布局，是目前最强大的布局方案。本文通过诸多示例详细阐述了gird布局的具体使用方法与应用场景。

什么是瀑布流式页面布局 下面看几个现实的案例： 小红书中的瀑布流式页面布局 手机淘宝中的瀑布流式页面布局： 介绍 瀑布流式布局页面是什么？ 页面上给人一种参差不齐的多栏布局，其中元素大部分为图片，图片

页面自适应布局以及分辨率适配方案 流式布局 保证布局内每一级必须设置相对于父级百分比宽度，但设计稿一般都是按照固定宽度设计，内部图片都是固定大小，拉伸或者缩放时都会导致变形，虽然都够实现布局宽度上的自

微前端中，让人头疼的一个问题，CSS样式覆盖和冲突问题。 如何能让子应用的样式保持独立，业界采用了各种不同的方案，这里做一下汇总，每种方案都有其可取之处，但也都是在特定场景下的解决方案，了解这些实现方

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

借由这个面试题目， 我们来了解 css 管理方式一共有几种。 佛性选手, 复制粘贴一把梭. 方案一. 命名空间 + BEM 规范 原理：强行增加一个最外层的命名空间将底部样式包裹起来。 样式名遵循 BEM 规范， 让维护者可以从类名就分辨出 dom 上的嵌套情况。方便维护， 如…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

本文主要介绍前端页面响应式布局的几种参考方案，并对每个方案做简要阐述和实现。分别介绍Flex布局、Grid布局、UI框架自带响应式方案、媒体查询、rem布局、scale缩放等多种方案。