我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…

前言 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了

刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。“你是如何实现文本的居中的”“如果是多行文本呢”“块级元素的水平居中如何实现”“块级元素的垂直居中如何实现”。。。问到后面脑子里一团浆糊，本来知道的也不知道该如何回答了。居中是日常工作中不可避免要遇到的场景，面试中也…

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。 大家好，我是前端西瓜哥。今天讲讲我很久以前面试字节时遇到的一道 CSS 面试题。 有如下的 HTML 和

到目前为止，共有五种定位方式： static relative absolute fixed sticky

盒子模型，顾名思义，可以装东西的称为盒子，比如 div，h，li等等。像 img，input这种不能装东西的就不是盒子。

对象遵循标准文档流中，top, right, bottom, left 等属性失效。 relative（相对定位） 对象遵循标准文档流中，依赖top, right, bottom, left 等属性相对于该对象在标准文档流中的位置进行偏移，同时可通过z-index定义层叠关系…

var lis=document.getElementById("nav").children; //因为通过循环坐的事件

大家好，我是山月。这是我在 B 站的第45场模拟面试 本次的候选人大三，刚学前端几个月，对于八股文还不是很熟练，在2022年的寒冬找到实习，需要再下一份苦工。 以下是面试记录 视频版: 重庆大三女生刚