摘要：为什么要预处理器 css层叠样式表是一门标记语言，并不是编程语言，因此不可以自定义变量，不可以引用等，它不具备任何语法支持，它主要缺陷如下： + 语法不够强大，比如：无法嵌套书写，导致模块化开发中需要书写很多重复的选择器； + 没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重 阅读全文

摘要：一、什么是BFC？ BFC（Block Formatting Context） Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参 阅读全文

摘要：1. 什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。 2. 视口单位vw，vh 视口单位中的“视口”，桌面端指的是浏览器 阅读全文

摘要：1、未知宽高的元素实现水平垂直居中 方法一：flexbox布局 优点：方便 缺点：兼容性不好,IE支持很差 方法二：使用CSS3的transform + 绝对定位 优点：方便，支持webkit内核 缺点：transform兼容性差，IE9以下不支持 方法三：使用display: table cell 阅读全文

摘要：一、前言 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 设为Flex布局以后，子元素的float、clear和vertical align属性将失效。 它即可以应用于容器中，也可以应用于行内元素。Flex布局，可以简便、完整、响应式地实现各种页面布局。 阅读全文