前言

有读者问，这个专栏价值何在？

好，那我也先问一个问题，如果面试官问你，你懂 CSS 吗？你怎么回答？敢不敢说懂？如果你说懂，好，你讲讲，CSS 都有哪些内容。

你从何去讲？

如果这个问题你不清楚，或者没有底气，那这个专栏就对你有价值。这个问题的答案我会在 CSS 篇的末尾给出，但这一个问题的答案重要吗？不重要，你知道 CSS 是什么又能怎么样呢？下一个问题来了，你懂 JS 吗？

我写这个专栏不是要搬运知识，而是尝试说清楚如何去理解。如果你只想知道 HTML、CSS、JS 这些怎么用，看官方文档，看 MDN 就好了。

OK，我们进入正题。

说起来你可能不信，虽然我们都说自己用的是 CSS 3，但 CSS 3 至今甚至连标准都未能完成。据说是因为规范的设计者觉得一次变化太多不容易推广落地，就把 CSS 3 拆成了很多模块，多给浏览器友商一些时间，他好我也好。

这个很多是多少呢，我粗略数了一下，到目前为止，已经发布了 32 个模块，而且看不到完结的意思。

学到了，我这就把一篇文章拆成几篇来写，多给各位一些消化时间。

【前端圭臬】三：详解 CSS 选择器相关推荐

详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标签内写入style=""的 ...
html nthchild作用,详解CSS中:nth-child的用法
前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...
详解CSS的盒模型(box model) 及 CSS3新增盒模型计算方式box-sizing
W3C规范一般来说,页面中的每一个元素都会形成一个矩形盒子,渲染引擎根据给定的样式确定这个盒子的呈现.通俗的来说,页面的布局就是一个个盒子的排列和摆放.掌握了盒子呈现的本质,布局也就轻而易举. 在 ...
DD每周前端七题详解-第五期
DD每周前端七题详解-第五期系列介绍你盼世界,我盼望你无bug.Hello 大家好!我是霖呆呆! 呆呆每周都会分享七道前端题给大家,系列名称就是「DD每周七题」. 系列的形式主要是:3道JavaS ...
window 程序报错自动重启_好程序员web前端教程之详解JavaScript严格模式
好程序员web前端教程之详解JavaScript严格模式,严格模式(Strict mode)是由ECMA-262规范定义的新兴JavaScript标准,发布于2009年12月第五版.旨在改善错误检查功 ...
inline-block是html5,详解CSS display:inline-block的应用
本文详细描述了display:inline-block的基础知识,产生的问题和解决方法以及其常见的应用场景,加深了对inline-block应用的进一步理解. 基础知识 display:inline- ...
详解CSS display:inline-block的应用（转）
详解CSS display:inline-block的应用阅读目录基础知识 inline-block的问题 inline-block的应用总结本文详细描述了display:inline-blo ...
详解CSS float属性
转自:http://luopq.com/2015/11/08/CSS-float/ \详解CSS float属性 Posted on 2015-11-08 | In CSS | 5条评 ...
详解 CSS position定位的五种方式
position 属性规定应用于元素的定位方法的类型(static.relative.fixed.absolute 或 sticky). 常见的固定定位,例如手机端的导航,快捷按钮.例如本站的&quo ...

【前端圭臬】三：详解 CSS 选择器

前言

【前端圭臬】三：详解 CSS 选择器相关推荐

最新文章

热门文章