导文2023金九银十必看前端面试题！ 金九银十黄金期来了 想要跳槽的小伙伴快来看啊CSS1. 请解释CSS的盒模型是什么，并描述其组成部分。答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。2. 解释CSS中的选择器及其优先级。答案：CSS选择器用于选择要应用样式的HTML元素。选择器的优先级 …
最新内容
最近两天接触到了CSS伪类和伪元素之间的关系，伪类和伪元素在css代码中使用:做标识符，同来识别元素。我倒是理解，可是为什么时常见到一会用一个冒号，一会用两个，然后就感觉很迷糊了，于是就有了这一篇文章。伪类和伪元素，对于绝大多数同学来说，都是耳熟能详的名字，但确实又有很多人搞不清楚它们之间的区别，以致于混淆概念。而当概念都混淆的时候，也往往意味着你不会经常使 …
伪类（pseudo-class）用于定义元素的特殊状态，伪元素（pseudo-element）用于设置元素指定部分的样式，语法如下：伪类selector:pseudo-class {property: value;}伪元素selector::pseudo-element {property: value;}伪类以“:”单个冒号开头，伪元素以“::”两个冒号开 …
https:juejin.impost5df1e312f265da33d039d06d?utm_source=bigezhang.com#comment伪类伪类存在的意义是为了通过选择器找到那些不存在DOM树中的信息以及不能被常规CSS选择器获取到的信息。获取不存在与DOM树中的信息。比如a标签的:link、:visited等，这些信息不存在与DOM树结构中 …
前言设计是带有主观色彩的，同样网页设计中的 css 一样让人摸不头脑。网上列举的实现方式一大把，或许在这里你都看到过，但既然来到这里我希望这篇能让你看有所收获，毕竟这也是前端面试的基础。实现方式备注：如下页面效果中的灰色方框高度都做了限定为 100 px（即父元素）1、line-height 方式line-height 设置行高，多用于控制多行文本之间的间隔 …
CSSgrid布局CSS grid布局是一种很强大的布局，兼容性如上表所示，表现在控制台里，你可以清楚看到他的内部每一个块都由一个虚线方块组成。他的每行每列都会生产一个单元格，而划分他们之间的线称为网格线。我这次就主要讲述其中两个属性。内容1.grid-template-columns(rows), 他可以的定义网格列或者行的维度大小，在属性数值上，除了比较 …
你是否遇到过网页加载时元素突然跳动的情况？这种令人抓狂的体验就是谷歌核心网页指标中的"累积布局偏移"(CLS)。作为一名Next.js开发者，我多次与CLS问题交锋，今天我将分享真正有效的解决方案。理解累积布局偏移在解决问题前，我们先明确CLS的定义：它衡量的是页面加载过程中内容意外移动的程度。优秀的CLS分数应低于0.1，超过0.25就需要 …
大家好，我是 Echa。Grid（网格）布局是最强大的 CSS 布局方案，用于构建二维布局。Grid 布局将页面划分成一个个网格，可以任意组合不同的网格，实现各种各样的布局。下面就来看看 CSS Grid 布局是如何使用的！创作不易，喜欢的老铁们加个关注，点个赞，后面会持续更新干货，速速收藏，谢谢！全文大纲：Grid 布局概述设置基础网格设置行和列的宽度行和 …
CSS 有两个最重要的基本属性，前端开发必须掌握：display和position。display属性指定网页的布局。两个重要的布局，我已经介绍过了：弹性布局flex[1]和网格布局grid[2]。本文介绍非常有用的position属性。我希望通过10分钟的阅读，帮助大家轻松掌握网页定位，说清楚浏览器如何计算网页元素的位置，尤其是新引进的sticky定位。本 …
学海无涯，不要沉浸在知识的海洋里，迷失自己。要知道自己想要什么，抓住重点，不忘初心。这个世界上百分之20的人，掌握着百分之80的财富。接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。往期知识点回顾：重点属性-display重点属性-position重点属性-float重点属性-background重点属性-media重点属性-overflow一 …