原文:css知多少（2）——学习css的思路两周之前写过该系列的第一篇，其实当时只是一个想法，这段时间迟迟未更新，是在思考一个解决过程。现在初有成效，就开更吧。 1． 一个段子 开题不必太严肃，写博客也不像写书，像聊天似的写东西是最好的表达方式。 记得之前看过一个段子，也可能是一件真事儿，这不重要。...
分类：
Web程序 时间：
2015-02-11 10:47:59
阅读次数：
165
原文:css知多少（4）——解读浏览器默认样式 上一节《css知多少（3）——样式来源与层叠规则》介绍了样式的五种来源，咱们再通过一张图回顾一下。 对于上面的三层，咱们大概都比较熟悉了。下面的两层中，用户自定义样式一般也就是改一改字号大小和字体样式，也没甚好说的。而最有的说的就是浏览器的默认样式。 ...
分类：
Web程序 时间：
2015-02-11 10:47:23
阅读次数：
286
原文:css知多少（3）——样式来源与层叠规则 上一节《css知多少（2）——学习css的思路》有几个人留言表示思路很好、继续期待，而且收到了9个赞，我还是比较欣慰的。没看过的朋友建议先去看看上一节。 这一节就开始实践上一节的思路！ 1. “层叠”的概念 CSS——层叠样式表，其中的“层叠”是什么意...
分类：
Web程序 时间：
2015-02-11 10:47:12
阅读次数：
279
原文:css知多少（6）——选择器的优先级1. 引言 上一节《css知多少（5）——选择器》最后提到，选择器类型过多将导致一些问题，是什么问题呢？咱们直接举例子说明。 上图中，css中的两个选择器都是针对的，而且两个设置的颜色不一样，这里的到底听从谁的命令？ 上面还是比较简单的，下面在来一个复杂的：...
分类：
Web程序 时间：
2015-02-11 10:40:11
阅读次数：
161
原文:css知多少（1）——我来问你来答1. 引言 各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。这样算下来也得六年多了，有些功能可能轻车熟路，有些功能可能需要上网查查，看似能应付得了工作的事情——我...
分类：
Web程序 时间：
2015-02-11 10:37:07
阅读次数：
175
原文:css知多少（6）——选择器的优先级1. 引言 上一节《css知多少（5）——选择器》最后提到，选择器类型过多将导致一些问题，是什么问题呢？咱们直接举例子说明。 上图中，css中的两个选择器都是针对的，而且两个设置的颜色不一样，这里的到底听从谁的命令？ 上面还是比较简单的，下面在来一个复杂的：...
分类：
Web程序 时间：
2015-02-11 10:34:51
阅读次数：
202
原文:css知多少（5）——选择器1. 引言 从本节开始，就进入本系列的第二个部分——css和html的结合——说白了就是选择器。 CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。 至...
分类：
Web程序 时间：
2015-02-11 10:34:15
阅读次数：
168
特指度表示一个css选择器表达式的重要程度，可以通过一个公式来计算出一个数值，数越大，越重要。这个计算叫做“I-C-E”计算公式，针对一个css选择器表达式，遇到一个id就往特指度数值中加100，遇到一个class就往特指度数值中加10，遇到一个element就往特指度数值中加1。...
分类：
Web程序 时间：
2015-02-11 09:21:17
阅读次数：
179
1. 引言 上一节《css知多少（5）——选择器》最后提到，选择器类型过多将导致一些问题，是什么问题呢？咱们直接举例子说明。 上图中，css中的两个选择器都是针对的，而且两个设置的颜色不一样，这里的到底听从谁的命令？ 上面还是比较简单的，下面在来一个复杂的： 上图中的该显示成什么颜色...
分类：
Web程序 时间：
2015-02-11 09:17:14
阅读次数：
173
1. 引言
从本节开始，就进入本系列的第二个部分——css和html的结合——说白了就是选择器。
CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。
至于css能把页面渲染成什么样子，这是本系列的第三部分。
第一部分讲css样式的加载和层叠，第二...
分类：
Web程序 时间：
2015-02-10 11:15:21
阅读次数：
222
