你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

越来越多的人已经在使用flex布局了，flex的属性都很实用，垂直居中，水平居中，分分钟搞定。今天看到有个flex属性，它的值可以是1

如果一个元素的 flex-basis属性 的值为百分数，且它父级元素（flex容器）在主轴方向上的尺寸没有被显式设置，此时 flex-basis 的值会被解析为 content。

flex:1 到底代表什么? `flex:1` 为：`flex: 1 1 0`; 数值 1 设置的是 flex-grow，flex-shrink没设置的时候默认值是1 特殊在flex-basis

Flex 布局中，我们知道 flex-basis 属性是用来设置 Flex 项目的初始主轴尺寸（initial main size）的。 但通过实践发现，在 Flex 项目上使用 flex-basis 和 width 属性时，得到的效果是一样的。 等宽列：在 .item 设置 …

一、功能不同 @import 是由CSS提供的语法规则，只能用来导入CSS样式表。 link标签是属于HTML标签，不仅可以加载CSS样式表，还可以定义RSS、rel链接属性...... 二、加载CS

之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 假设结果: 在bootstrap.css还没加载完之前，下面的内容不会被解析渲染，那么我…

本系列面试题旨在学会相关知识点，从而轻松应对面试题的各种形式，本文讲解了 BFC 以及 利用 BFC 解决外边距重叠问题。

本文总结于张鑫旭老师的《css世界》，个人学习笔记。 demo：https://github.com/JuliaJaJa/css-demo 介绍一些常用的css属性