1. 引言 各位前端或者伪前端（比如作者本人）的同志们，css对你们来说不是很陌生。比如我，在几年之前上大学的时候，给外面做网站就用css，而且必须用css。这样算下来也得六年多了，有些功能可能轻车熟路，有些功能可能需要上网查查，看似能应付得了工作的事情——我之前也是（现在工作上不做开发了，只是业余 ...
分类：
Web程序 时间：
2019-01-20 16:30:13
阅读次数：
193
css知多少（11）——position 1. 引言 本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。 如 ...
分类：
Web程序 时间：
2017-12-16 16:03:53
阅读次数：
215
css知多少（9）——float下篇 float内容比较多，咱们分上、下两篇来介绍，上篇已经写完，这是下篇。建议大家先把上篇看了，再来看下文，精彩内容不要掠过啊。 1. 清除float 《上篇》中我们提到，float具有“破坏性”，它会导致父元素“坍塌”，这将不是所要看到的。如何去避免float带来 ...
分类：
Web程序 时间：
2017-12-16 16:01:23
阅读次数：
162
css知多少（10）——display 1. 引言 网页的所有元素，除了“块”就是“流”，而且“流”都是包含在“块”里面的（最外层的body就是一个“块”）。在本系列一开始讲《浏览器默认样式》的时候，大家也都看到了浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。这部分知识非常重 ...
分类：
Web程序 时间：
2017-12-16 15:55:02
阅读次数：
210
css知多少（5）——选择器 1. 引言 从本节开始，就进入本系列的第二个部分——css和html的结合——说白了就是选择器。 CSS中定义了样式，如何将这些样式设置到相应的html节点上？就不得不通过选择器。让浏览器知道css选择了哪一个dom节点，浏览器就会乖乖的把相应的样式渲染成视图。 至于c ...
分类：
Web程序 时间：
2017-12-14 15:52:12
阅读次数：
220
css知多少（6）——选择器的优先级 1. 引言 上一节《css知多少（5）——选择器》最后提到，选择器类型过多将导致一些问题，是什么问题呢？咱们直接举例子说明。 上图中，css中的两个选择器都是针对<span>的，而且两个设置的颜色不一样，这里的<span>到底听从谁的命令？ 上面还是比较简单的， ...
分类：
Web程序 时间：
2017-12-14 15:48:30
阅读次数：
221
下面主要引用http://www.cnblogs.com/wangfupeng1988/tag/css知多少/ CSS进阶笔记： 一、学习CSS的三个突破点 1.浏览器如何加载和解析CSS——CSS的5个来源； 2.CSS和html如何结合起来——选择器； 3.CSS能控制那些显示方式——盒子模式、 ...
分类：
Web程序 时间：
2017-05-07 01:02:25
阅读次数：
286
学习CSS的思路 1.浏览器是如何工作的 webkit内核渲染html和css的流程图： 浏览器中，html的解析是一条线，而css的解析是另一条线，二者会在一个点结合，形成最终的视图。 可见学习css的三个突破点: ...
分类：
Web程序 时间：
2017-02-26 20:30:41
阅读次数：
140
原文：http://www.cnblogs.com/wangfupeng1988/p/4285251.html 另外，w3c有文章介绍了CSS选择器的特定性，见https://www.w3.org/TR/css3-selectors/#specificity 1. 引言 上一节《css知多少（5）— ...
分类：
Web程序 时间：
2016-08-29 06:54:24
阅读次数：
306
周一 上上个星期感冒，上个星期看完奇幻森林后痔疮发作，打了整整一礼拜的针，有点背。。 今天看了 css知多少（6）——选择器的优先级 http://www.cnblogs.com/wangfupeng1988/p/4285251.html css知多少（7）——盒子模型 http://www.cnb ...
分类：
其他好文 时间：
2016-04-25 22:22:44
阅读次数：
167
