标签：CSS

利用Sass自动生成padding和margin边距样式

需求分析有需求才有动力！写CSS的时候，你经常会遇到要设置一个小边距，比如设置：所有内边距10px，外左边距20px，内右边距0，上下内边距50px，外左右边距自动…. 而你是不是又不想自己单独为它们定义一个class，然后把padding, margin之类的...

前言首先Flexbox是什么？它是Bootstrap4新出的一个布局格式，对移动端开发非常方便。说一下我为什么要提取Flexbox。有需求才有动力，首先是需求，最近在开发一个移动端适配的网站，使用了materi-ui框架，基于React。使用materi-ui时，已经内置了许...

BootStrap BootStrap 是一个前端CSS框架，它提供了一些便捷的组件方便我们快速构建前端页面，目前已经到了版本4，版本4是用 Sass 编写的，版本3是由 Less 编写的，后来增加了 Sass 版本。这说明了什么？BootStrap 已经向 Sass靠近了，个人...

综述 PhpStorm可以使用File Watchers自动编译Less，有了这个IDE，妈妈再也不用担心我的Less编译了。下面说一下我的配置过程。下面的例子以 Mac OS X为例。配置 1.配置npm bre...

综述 LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。LESS 并没有裁剪 CSS 原有的特性，更不是用来取代 CSS 的，而是在现有 CSS 语法的基础上，为 CSS 加入程序式语言的特性。...

综述 CSS3已经变得非常流行，原本的CSS不支持自定义字体，但是传说中的CSS3基本上什么都可以，那么CSS3中可不可以自定义英文字体呢？这里我们就一起来感受一下。语法规则 CSS @font-face { 　...