通过 npm imit 初始依赖，然后使用 npm install -D tailwindcss@latest postcss@latest autoprefixer@latest 安装 Tailwind，使用 npm i postcss postcss-cli -g 安装 postcss 命令 通过 npx tailwindcss init -p…

位置 position CSS position 属性用于指定一个元素在文档中的定位方式。 定位类型 定位元素（positioned element）是其计算后位置属性为 relative, absolute, fixed 或 sticky 的一个元素（换句话说，除 static 以外的任何东西）。 相对定位元素（relatively positi…

其他样式 圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50% 该属性是一个简写属性，可以跟四个值…

CSS 三大特性 层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式. 层叠性主要解决样式冲突的问题 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 div { color: red; font-size: 18px; } div { color: green; }…

Emmet语法 简介 Emmet 语法的前身是 Zen coding，它使用缩写来提高 HTML/CSS 的编写速度。 快速生成HTML结构语法 生成标签：直接输入标签名，按 tab 键即可。比如 div 然后 tab 键， 就可以生成 <div></div>。 如果想要生成多个相同标签 ，加上 * 就可以了。比如 div*…