Nen 的回答 - 好学星城学习论坛

0 赞同

使用 clear 属性清除浮动的原理？

使用clear属性清除浮动，其语法如下： 1 clear:none|left|right|both 如果单看字面意思，clear:left 是“清除左浮动”，clear:right 是“清除右浮动”，实际上，这种解释是有问题的，因为浮动一直还在，并没有清除。官方对clear属性解释：“元素盒子的边不能和前面的浮动元素相邻”，对元素设置clear属性是为了避免浮动元素...

回答于 2021-12-03 14:48

0 赞同

对BFC的理解，如何创建BFC？

先来看两个相关的概念： Box: Box 是 CSS 布局的对象和基本单位，⼀个⻚⾯是由很多个 Box 组成的，这个Box就是我们所说的盒模型。 Formatting context：块级上下⽂格式化，它是⻚⾯中的⼀块渲染区域，并且有⼀套渲染规则，它决定了其⼦元素将如何定位，以及和其他元素的关系和相互作⽤。块格式化上下文（Block Format...

回答于 2021-12-03 14:47

0 赞同

什么是margin重叠问题如何解决?

问题描述：两个块级元素的上外边距和下外边距可能会合并（折叠）为一个外边距，其大小会取其中外边距值大的那个，这种行为就是外边距折叠。需要注意的是，浮动的元素和绝对定位这种脱离文档流的元素的外边距不会折叠。重叠只会出现在垂直方向。计算原则：折叠合并后外边距的计算原则如下：如果两者都是正数，那么...

回答于 2021-12-03 14:45

0 赞同

元素的层叠顺序?

层叠顺序，英文称作 stacking order，表示元素发生层叠时有着特定的垂直显示顺序。下面是盒模型的层叠规则：（1）背景和边框：建立当前层叠上下文元素的背景和边框。（2）负的z-index：当前层叠上下文中，z-index属性值为负的元素。（3）块级盒：文档流内非行内级非定位后代元素。（4）浮动盒：非定位浮动元素。...

回答于 2021-12-03 14:43

0 赞同

常见的CSS布局单位？

常用的布局单位包括像素（px），百分比（%），em，rem，vw/vh。（1）像素（px）是页面布局的基础，一个像素表示终端（电脑、手机、平板等）屏幕所能显示的最小的区域，像素分为两种类型：CSS像素和物理像素： CSS像素：为web开发者提供，在CSS中使用的一个抽象单位；物理像素：只与设备的硬件密度有关，任何设备的物理像...

回答于 2021-12-02 15:48

0 赞同

通常 z-index 的使用是在有两个重叠的标签，在一定的情况下控制其中一个在另一个的上方或者下方出现。zindex值越大就越是在上层。z-index元素的position属性需要是relative，absolute或是fixed。 z-index属性在下列情况下会失效：父元素position为relative时，子元素的z-index失效。解决：父元素position改为absolute或s...

回答于 2021-12-02 15:47

0 赞同

如何判断元素是否到达可视区域？

以图片显示为例： window.innerHeight 是浏览器可视区的高度； document.body.scrollTop || document.documentElement.scrollTop 是浏览器滚动的过的距离； imgs.offsetTop 是元素顶部距离文档顶部的高度（包括滚动条的距离）；内容达到显示区域的：img.offsetTop < window.innerHeight + document.body.scrollTop;

回答于 2021-12-02 15:44

0 赞同

对 CSS 工程化的理解？

CSS 工程化是为了解决以下问题： 1. 宏观设计：CSS 代码如何组织、如何拆分、模块结构怎样设计？ 2. 编码优化：怎样写出更好的 CSS？ 3. 构建：如何处理我的 CSS，才能让它的打包结果最优？ 4. 可维护性：代码写完了，如何最小化它后续的变更成本？如何确保任何一个同事都能轻松接手？以下三个方向都是时下比较流行的...

回答于 2021-12-02 15:43

0 赞同

对媒体查询的理解？

媒体查询由⼀个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成，例如宽度、⾼度和颜色。媒体查询，添加自CSS3，允许内容的呈现针对⼀个特定范围的输出设备而进行裁剪，而不必改变内容本身，适合web网页应对不同型号的设备而做出对应的响应适配。媒体查询包含⼀个可选的媒体类型和满足CSS3规...

回答于 2021-12-02 15:41

0 赞同

Sass、Less 是什么为什么要使用他们?

他们都是 CSS 预处理器，是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。例如 Less 是一种动态样式语言，将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数，LESS 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox)，也可以在服务端运行 (借助 Node.js)。为什么要使用它们？结构清晰，便...

回答于 2021-12-02 15:40

3096 个回答

使用 clear 属性清除浮动的原理？

对BFC的理解，如何创建BFC？

什么是margin重叠问题如何解决?

元素的层叠顺序?

常见的CSS布局单位？

z-index属性在什么情况下会失效？

如何判断元素是否到达可视区域？

对 CSS 工程化的理解？

对媒体查询的理解？

Sass、Less 是什么为什么要使用他们?