浅陌繁星的博客

平时在书写html和css代码时是否有者和我一样的困扰（怎么能提高html和css代码的书写速度），现在为大家分享我找到的解决办法：使用Emment语法。Emment 语法的前身Zen coding，它使用缩写，来提高html/css的编写速度，Vscode内部已经集成该语法。

本文主要讲述的前端高频面试题知识有：1. 元素水平垂直居中的方法有哪些？如果元素不定宽高呢？2. 怎么触发BFC，BFC有什么应用场景？3. flexbox(弹性盒布局模型)是什么，适用什么场景？4. rem em px vw vh 百分比区别

本文主要讲述的前端高频面试题知识有：>1. 如何清除浮动>2. 如果要做优化，CSS提高性能的方法有哪些？>3. css中，有哪些方式可以隐藏页面元素？区别?>4. link 与 @import 的区别>5. 重绘与回流(重排)

默认状态下，浏览器是一个大的包含块，所有绝对定位的元素都是根据窗口来定自己所处的位置和百分比大小的显示的，如果我们定义了包含元素为包含元素块以后，对于被包含的绝对定位元素来说，就会根据最接近的具有定位功能的上级包含元素来定位自己的显示位置。包含块是绝对定位的基础，包含块就是为绝对定位元素提供坐标，偏移和显示范围的参照物，即确定绝对定位的偏移起点和百分比 长度的参考；粘性定位，该定位是相对定位和固定定位的结合，在跨越特定阈值前类似相对定位，之后类似固定定位。遵循结构，后写的定位元素层的顺序靠上。

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。。伪元素是一个附加在选择器末的关键词，允许你对被选择元素的特定部分修改样式。

两三栏布局的两种实现方式

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。

Sass (英文全称：Syntactically Awesome Stylesheets) 是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。Sass 是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。

Vant Weapp 是有赞前端团队开源的一套小程序 UI 组件库，助力开发者快速搭建小程序应用。它所使用的是 MIT 开源许可协议，对商业使用比较友好。