CSS概述

更多的是重置CSS样式，以及一些常用的布局样式。或者是使用CSS预处理器，如Sass、Less等。

重置样式

normalize.css这个库，主要是为了解决浏览器默认样式不一致的问题。

bash

npm install normalize.css

npm install normalize.css

css

@import 'normalize.css'; /* 或通过 CDN 引入 */

@import 'normalize.css'; /* 或通过 CDN 引入 */

常见的一些布局，如flex布局，grid布局，还有响应式布局。

TIP

flex布局：用于实现一维布局，如水平或垂直方向上的布局。

TIP

grid布局：用于实现二维布局，复杂网格布局（如仪表盘、图片画廊），如行和列的布局。

TIP

响应式布局：用于响应式网页设计，使网页在不同设备上都能良好显示，更多是使用媒体查询。

使用BEM命名法，是一种CSS命名方法，用于提高CSS代码的可读性和可维护性。

可以参考BEM命名法：https://www.bemcss.com/

示例：.nav__item--active（块 - 元素 - 修饰符），避免样式冲突。