程序袁虎哥

单位： 一般使用em、rem或百分比 一般不用px，因为他是固定单位不好适配 视口 产生的问题 css中的px ！=设备显示的px 单位 媒体查询 虎哥小知识 赵三金你不愧是掘金码男，这一小知识，差点

flex布局（弹性布局） flex布局的缺点启flex后的一些效果 以容器为单位，开启了flex布局的容器叫flex盒子（弹性容器） 开启flex布局后，容器内的元素默认水平排序 flex容器中有主轴

less设置变量方法：@变量名：变量值：样式 less长度运算符计算方法：运算符两边给空格，除号要用括号包裹 .container——布局 a标签有默认的字体颜色，优先级高于继承的字体颜色 &大于号(

固定定位——fixd 粘滞定位——sticky static是定位的默认值，默认关闭定位这是6个字数

定位——position（该样式需写在要定位的元素里，才能生效） 偏移量（必须开启定位后才可以设置便宜）： top：元素距离原点上方的距离，前面加一个负号则为相反方向right：元素距离原点右方的距离

元素排列隐藏补充 visibiliey:none;(隐藏，页面上隐藏和不占空间) visibiliey:visible;(默认值，可见) visibiliey:hidden;(隐藏元素，还占空间) 高

补充-元素的可见性 BFC（块级元素的格式化环境）： 开发规范 所有页面都需要写一个根容器把他的内容包裹住 水平排列块元素的结构 方法1： 把需要并排排列的块元素浮动起来 用伪元素解决父元素高度塌陷的

本文涵盖Vue2和Vue3，一篇文章带你彻底搞懂Vue数据响应式原理。什么是数据响应式？ 官网解释：Vue 最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象

盒模型 修改元素 水平居中布局 文档流： 浮动 既想解决高度塌陷问题，又想解决外边距重叠问题时： 给父元素添加一个伪元素::before（最前）/::after（最后）的空白区域添加空内容——cont