本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…

要使内联元素（如链接，span 或img）居中，使用 text-align: center 足够了。 大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 使用网格容器时，图中的盘子将根据其网格区域居中。 请注意，除非将它们包裹在一个元素中，否则这将不适用于多个盘…

在之前的 《实战中学习浏览器工作原理》中我们已经对选择器有了一些全新视角的认知。这里我们站在 CSS 的角度一起学习选择器。 我们先了解一下选择器的语法，然后深入了解背后相关的特性。 如果我们想选 SVG 或者 MathML 里面特定的元素，我们就必须要用到单竖线 | ，CSS…

Less 是用 JavaScript 写的，所以需要额外的 Node.js 或者网页浏览器才能够运行它。你可以在你的网站中引入 less.js ，这样在真正的运行环境下它就可以自动编译，但这个过程非常缓慢，所以不建议这么使用。 推荐的方式是提前编译成 CSS 代码并且将一个正常的发展版本备份在线上。当然还有很多可视化的的程序帮助你编译 less 文件，但是在本篇文章中我们将使用 node.js。

LESS 是 CSS预处理语言，是 CSS 的扩展。 然后说说比较流行的几款预编译器：SASS/SCSS、LESS、Stylus。 SASS/SCSS和Stylus都很强，但是我还是选择了LESS，个人喜欢NodeJS，然后stylus空格我又不喜欢，就用了LESS，现在用的也…

一个人至少拥有一个梦想,有一个理由去坚强。 多组属性值之间用;隔开。 style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。 type="text/css" 在html5中可以省略。 标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和…

继上一篇html篇之后，看到小伙伴留言说期待后面整理的CSS和JS篇，工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹，囊括了目前大部分在面试当中常见的内容，包括一些易踩雷的知识点。文章篇幅较长，建议收藏慢慢细品。 文中篇概念性的内容也蛮多，小编一…

有时候我在想，我们前端写页面比较花时间，能不能减少这部分时间呢？当然你会说“你傻啊，不是有UI库嘛！”，但是别忘了，不是每个项目都有可用的UI库，同时使用别人的UI库，并不能百分比能够解决你所有的问题，如果我们对CSS选择器了解的更多一些，或许就可以少写很多JavaScript…