CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： 为了使其成为二维的网格容器，我…

1. 重构和架构 重构是指在不改变代码行为的前提下，重写代码，使其更加简洁、易于复用。 架构是指软件项目的各个不同部件之间的组合方式。 2. CSS选择器的优先级 !important 优先级最高，可覆盖行内样式。不可以添加到行内样式属性中。 3. 如何编写优质的 CSS 但是…

因本人最近正忙于校招应聘，所以特此设计《前端面试必备》系列，总结面试问题并分享给大家，因能力不足，如有问题，敬请指正，特此感谢。 块的顶部外边距和底部外边距有时候会被折叠为单个外边距，其大小为两值中的最大值，这种行为就被称为外边距合并。 一般发生外边距合并主要有以下三种情况： …

然鹅，还是被昨晚特意设置的八个闹钟⏰吵醒，冬天早上起床的难度...想必各位都心有体会 😭，抱着一万个不情愿起床早早地来到了办公室，还是熟悉的环境，还是熟悉的味道。。。 还有，熟悉的任务需求😂。 今天的第一个任务是写个登录页面，老大给了我一个参(chao)考(xi)案例，大家…

原本我的文章标题是深入探讨line-height与vertical-align的疑难杂症，但这样似乎没能针对性的抛出一个问题，故改成“彻底搞定vertical-align垂直居中不起作用疑难杂症”。因此，本文讲解的还是line-height和vertical-align。至于各…

前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 ​ CSS盒子模型是CSS基础中的基础，个人之前对于这块的…

使用纯 CSS 实现波浪效果不再困难，CSS 奇技淫巧。

Postcss-salad 是一个基于 PostCSS 的 CSS 解决方案，它提供了一系列快捷的 at-rule 和默认语法声明来帮助你快速地搭建项目样式与类库，它只在调用时才输出代码，而不是直接提供 CSS 类库。 沙拉不仅提供了下一代css语法支持，还提供了基础的sass的语法、属性顺时针简写、rem填充、基础图形绘制、可定制样式的inline-svg以及bem类名自动转化等实用的功能。

这是CSS设计指南的读书笔记，用于加深学习效果。 最近想做一个小程序，前端是必修课，那就从css开始吧。 css 工作原理 每个html元素都有一组样式属性，可以通过css来设定。当html元素的同一个样式属性有多种样式值的时候，css就要靠层叠机智来决定最终应用哪种样式。 H…