CSS
关注
分享
扫一扫
文章平均质量分 75
本专栏专注于CSS技术的系统性解析与实战应用
全马必破三
热爱跑步的前端爱好者，无限进步！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS 和 JS 如何阻塞浏览器渲染 DOM
CSS和JS会阻塞浏览器渲染DOM：CSS会阻塞渲染，JS会阻塞解析。这是因为浏览器需要完整加载CSS才能正确计算样式，而JS可能修改DOM结构需先执行。优化策略包括：CSS方面可压缩合并文件、异步加载非关键CSS；JS方面使用async/defer属性、代码分割；还可利用CDN和缓存减少资源加载时间。通过合并文件、延迟加载等技巧可显著提升页面加载速度，改善用户体验。原创 2025-11-25 09:44:12 · 941 阅读 · 0 评论 -
自适应布局与响应式布局！！！
自适应布局和响应式布局都可以使用媒体查询来创建响应式网页，但它们的设计理念和应用方式有所不同。选择哪种方法取决于具体的需求和项目目标。如果需要为特定的设备提供最佳的用户体验，并且愿意为每个设备创建和维护单独的布局，那么自适应布局可能是更好的选择。如果需要创建一个能够适应任何屏幕尺寸的布局，并且希望减少开发工作量，那么响应式布局可能是更合适的选择。原创 2025-03-25 11:17:19 · 1361 阅读 · 0 评论 -
重绘 与 重排
简要介绍重绘和重排原创 2025-03-06 14:30:29 · 563 阅读 · 0 评论 -
BFC:什么是BFC？BFC作用？如何触发BFC？BFC应用场景
BFC:什么是BFC？BFC作用？如何触发BFC？BFC应用场景原创 2025-03-06 17:20:31 · 1363 阅读 · 0 评论 -
CSS 盒模型
CSS盒模型（Box Model）是网页布局的核心概念，它将每个HTML元素视为一个矩形盒子，由内容、内边距、边框和外边距四部分组成。原创 2025-03-16 12:48:52 · 534 阅读 · 0 评论 -
Grid 布局实现三栏布局
使用 CSS Grid 布局实现三栏布局（左右固定 100px，中间自适应）的核心原理是通过网格模板精确控制列宽分配。原创 2025-03-19 09:59:19 · 1627 阅读 · 0 评论 -
grid网格布局图解
CSS Grid 布局是一种强大的二维布局系统，可以同时处理行和列，非常适合用于复杂的多行多列布局。它将网页划分为一个个网格单元，可以任意组合不同的网格，实现各种各样的布局原创 2025-03-19 17:14:01 · 459 阅读 · 0 评论 -
Grid 布局和 Flex 布局有哪些区别？？？
Grid 布局和 Flex 布局是 CSS 中两种强大的布局工具，它们各有特点和适用场景。原创 2025-03-20 09:22:07 · 1966 阅读 · 0 评论