Css

Css

Css

热门Css面试题

等 1 人订阅共13篇文章创建于2025-02-21

css中的长度单位

一、绝对单位（Fixed Units） px（像素）最常见的单位，1px 对应屏幕的一个物理像素点（但在高分辨率设备中可能被缩放）。示例：width: 100px; pt（点） 1pt = 1/7

3月前
40
点赞
评论

回流和重绘

回流（Reflow）和重绘（Repaint）是浏览器渲染页面时的关键步骤，对性能优化至关重要。以下是它们的核心要点： 1. 回流（Reflow）定义：当元素的布局属性（如尺寸、位置、结构等）发生变化

3月前
41
点赞
评论

伪类和伪元素

一、伪类（Pseudo-classes）作用：选择处于特定状态的元素（例如：鼠标悬停、被点击、第一个子元素等）。常见伪类及代码示例： :hover - 鼠标悬停时 :nth-child(n) -

3月前
107
1
评论

css优化和提高性能有哪些方式？

一、编写优化（减少代码冗余）使用简写属性避免重复定义合并相同选择器的重复声明：减少嵌套层级（预处理器中）二、加载优化（降低文件体积）压缩 CSS 文件使用工具：CSSNano、PostC

4月前
59
点赞
评论

css优化和提高性能有哪些方式？

inline-block行内块元素和inline行内元素有时间会出现空白间隔是怎么引起的？如何解决？

一、问题原因 HTML 中的空白符：当 <li> 使用 inline-block 或默认 inline 布局时，代码中的换行或空格会被解析为文本节点，产生约 4px 的间隙。二、解决方案对比方法

4月前
25
点赞
评论

inline-block行内块元素和inline行内元素有时间会出现空白间隔是怎么引起的？如何解决？

对line-height的理解及其赋值方式

一、核心概念 line-height 定义：行高 = 一行文本的高度，基线之间的垂直距离（非文字实际高度）视觉表现：控制文字垂直居中排版，影响行间距和容器高度二、作用详解 1. 文本垂直居中 2.

4月前
46
点赞
评论

对line-height的理解及其赋值方式

伪元素的：和：：区别

:before 和 :after 这两个伪元素，是在CSS2.1里新出现的。起初，伪元素的前缀使用的是单冒号语法，但随着Web的进化，在CSS3的规范里，伪元素的语法被修改成使用双冒号，成为::be

4月前
13
点赞
评论

伪类和伪元素的区别和作用

一、核心区别对比表特性伪类（如 :hover）伪元素（如 ::before）定义选择元素特定状态创建虚拟元素语法单冒号（CSS3 后伪元素改用双冒号）双冒号（CSS3 规范，兼容单冒

4月前
102
点赞
评论

link和@import的区别

一、语法与使用场景特性 <link> @import 归属 HTML 标签 CSS 语法代码位置写在 <head> 中必须写在 CSS 文件或 <style> 内部基本语法 <link re

4月前
92
点赞
评论

link和@import的区别

隐藏元素的方法有哪些？

以下是隐藏元素的 8 种常用方法及对比，用场景化分类帮助记忆：一、完全隐藏（不占位） 1. display: none 特点：元素从渲染树中移除，不占据空间，不可触发点击事件场景：需要彻底移除元素

4月前
62
点赞
评论

css中可继承与不可继承的属性有哪些？

一、可继承属性（子元素默认继承父元素的值）核心特征：与文本内容样式或排版连续性相关的属性 1. 文字类 font-family 字体类型 font-size 字号 font-weight 字重 (b

4月前
41
点赞
评论

css中可继承与不可继承的属性有哪些？

Css选择器以及优先级

一、CSS 选择器类型（常用）通配选择器 * 元素选择器 tag 类选择器 .class ID 选择器 #id 属性选择器 [attr] 伪类选择器 :pseudo-class 伪元素选择器 ::p

4月前
57
点赞
评论

Css-block块元素、inline行内元素、inline-block行内块元素以及display属性

首先说一下元素的显示模式一共分为三种分别是block块元素、inline行内元素、inline-block行内块元素。 block块元素的特点是在页面中独占一行，不会与任何元素共用一行。默认宽度会撑满

4月前
30
点赞
评论

Css-block块元素、inline行内元素、inline-block行内块元素以及display属性