css知多少(12)——目录

《css知多少》系列就此完结了。常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的。不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了。

  我的身份不是前端开发人员,而是产品经理。我规划的产品是一款项目管理软件,我也是一个PMP。我深知一个项目一定要有目标、范围、进度和质量要求。一旦达到,项目即可结束,准备下一个项目的启动。我接下来,要继续优化我的富文本编辑器wangEditor。还要把我之前写的《深入理解javascript原型和闭包》做一次修订,录制成视频教程。另外,我还想录制一个MS Project的使用教程,发挥一下我PMP的作用。Project是一款非常强大的项目进度管理软件,但是真正能用得好的项目经理,并不多。

  闲话不扯,书归正传。

  《css知多少》的读者建议是了解css基础知识(或者刚刚入门),但是没有系统学习、归纳、总结过的人,还有那些整天忙于coding、bug、加班当饭吃的,而没有时间去看书学习的码工们。《css知多少》里虽然内容不多,但是都是我觉得应该讲的基础,那些不需要讲的基础我就没有讲。所以,如果你是css大牛,那你不必看了(来给我指正一下我也欢迎啊!);如果你css都没有入门,那你也不用看了,我是从来不会写入门教程的。

  我的经历告诉我:学习有捷径。学习的捷径之一就是多看看别人是怎么理解这些知识的。举两个例子。如果你喜欢《水浒》,千万不要只读原著当故事看,一定要读一读各代名家的批注和点评,看他们是如何理解的。之前学C#时,看《CLR via C#》晦涩难懂,但是我又通过看《你必须知道的.net》而更加了解了。因为后者就是中国一个80后写的,我通过他对C#的了解,作为桥梁和阶梯,再去窥探比较高达上的书籍和知识。

  ——《css知多少》也是一样的。

  最后,真诚的希望你能借助别人的力量来提高自己。我也一直在这样要求我自己。

该系列目录如下:

css知多少(1)——我来问你来答 http://www.cnblogs.com/wangfupeng1988/p/4237249.html

css知多少(2)——学习css的思路 http://www.cnblogs.com/wangfupeng1988/p/4276321.html

css知多少(3)——样式来源与层叠规则 http://www.cnblogs.com/wangfupeng1988/p/4277959.html

css知多少(4)——解读浏览器默认样式 http://www.cnblogs.com/wangfupeng1988/p/4280801.html

css知多少(5)——选择器 http://www.cnblogs.com/wangfupeng1988/p/4282954.html

css知多少(6)——选择器的优先级 http://www.cnblogs.com/wangfupeng1988/p/4285251.html

css知多少(7)——盒子模型 http://www.cnblogs.com/wangfupeng1988/p/4287292.html

css知多少(8)——float上篇 http://www.cnblogs.com/wangfupeng1988/p/4314160.html

css知多少(9)——float下篇 http://www.cnblogs.com/wangfupeng1988/p/4314804.html

css知多少(10)——display http://www.cnblogs.com/wangfupeng1988/p/4317153.html

css知多少(11)——position http://www.cnblogs.com/wangfupeng1988/p/4322680.html

-------------------------------------------------------------------------------------------------------------

欢迎关注我的教程:

用grunt搭建自动化的web前端开发环境》《从设计到模式深入理解javascript原型和闭包系列》《微软petshop4.0源码解读视频》《json2.js源码解读视频

也欢迎关注我的开源项目——wangEditor,简洁易用的web富文本编辑器

-------------------------------------------------------------------------------------------------------------

时间: 2024-10-08 00:58:31

css知多少(12)——目录的相关文章

《css知多少》系列完结

<css知多少>系列就此完结了.常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的.不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了. 我的身份不是前端开发人员,而是产品经理.我规划的产品是一款项目管理软件,我也是一个PMP.我深知一个项目一定要有目标.范围.进度和质量要求.一旦达到,项目即可结束,准备下一个项目的启动.我接下来,要继续优化我的富文本编辑器wangEditor.还要把我之前写的<深入理解javascript

《css知多少》系列完结,求推荐!

<css知多少>系列就此完结了.常来光顾的朋友可能会觉得突然:css的知识点还有很多,怎么突然就完了,还没讲完呢?这样说是对的.不过凡事都有一个定位,如果盲目求多,定位模糊,那样就没有目的没有方向了. 我的身份不是前端开发人员,而是产品经理.我规划的产品是一款项目管理软件,我也是一个PMP.我深知一个项目一定要有目标.范围.进度和质量要求.一旦达到,项目即可结束,准备下一个项目的启动.我接下来,要继续优化我的富文本编辑器wangEditor.还要把我之前写的<深入理解javascript

css知多少(4)——解读浏览器默认样式

上一节<css知多少(3)——样式来源与层叠规则>介绍了样式的五种来源,咱们再通过一张图回顾一下. 对于上面的三层,咱们大概都比较熟悉了.下面的两层中,用户自定义样式一般也就是改一改字号大小和字体样式,也没甚好说的.而最有的说的就是浏览器的默认样式. 不同浏览器的默认样式多少有些区别,特别是老版本的浏览器之间,现在高级浏览器越来越向统一的标准靠拢,对前端程序猿来说是一件好事情.虽然有些许差异,但是绝大部分还是相同的,我先把代码粘贴出来 ,具体的解读咱们慢慢道来(只说重点,比较容易的或者不常用的

css知多少(9)——float下篇

原文:css知多少(9)--float下篇 float内容比较多,咱们分上.下两篇来介绍,上篇已经写完,这是下篇.建议大家先把上篇看了,再来看下文,精彩内容不要掠过啊. 1. 清除float <上篇>中我们提到,float具有“破坏性”,它会导致父元素“坍塌”,这将不是所要看到的.如何去避免float带来的这种影响呢(也就是我们常说的“清除浮动”) ?方法有很多种,我在这里介绍4中供大家参考,大家可根据实际情况来选择. 先介绍两个比较简单,但是不常用的解决方法: 为父元素添加overflow:

css知多少(6)——选择器的优先级(转)

1. 引言 上一节<css知多少(5)--选择器>最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到底听从谁的命令? 上面还是比较简单的,下面在来一个复杂的: 上图中的<li>该显示成什么颜色呢? 2. 特指度 要解决以上问题,我们需要引入一个概念--特指度(specificity).特指度表示一个css选择器表达式的重要程度,可以通过

看《css知多少》的一些总结

问题 1.有些浏览器不完全支持css3,现在可以用哪个工具去检测浏览器是否支持,以及支持哪些项? modernizr:检测浏览器对HTML5和CSS3特性(至于modernizr的介绍,可以看我另外一篇博文HTML5系列四(特征检测.Modernizr.js的相关介绍)) 2.常用的html标签,它们的display属性一般默认为block和inline.有哪些常用标签的display不是block和inline,这些标签显示的时候和block/inline有何区别? 具体display属性值有

css知多少(3)——样式来源与层叠规则

上一节<css知多少(2)--学习css的思路>有几个人留言表示思路很好.继续期待,而且收到了9个赞,我还是比较欣慰的.没看过的朋友建议先去看看上一节. 这一节就开始实践上一节的思路! 1. "层叠"的概念 CSS--层叠样式表,其中的"层叠"是什么意思呢?层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.举一个简单的例子: 上图中有两个样式来源,第一个是引用的css1.css,第二个是自己在style中编写的样式."层叠"是

css知多少(6)——选择器的优先级

1. 引言 上一节<css知多少(5)--选择器>最后提到,选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到底听从谁的命令? 上面还是比较简单的,下面在来一个复杂的: 上图中的<li>该显示成什么颜色呢? 2. 特指度 要解决以上问题,我们需要引入一个概念--特指度(specificity).特指度表示一个css选择器表达式的重要程度,可以通过

css知多少(7)——盒子模型

1. 引言 从这一节开始,我们就进入本系列的第三部分--css呈现.本部分将描述css在页面的几种布局和呈现的特性.包括两类:文字.块. 第一类--文字.这部分相对比较简单一些,例如设置字号.字体.颜色.背景色.是否加粗等.重点的地方在于设置字体.设置行高.文字相关的距离都用相对值,这些东西在<css知多少(4)--解读浏览器默认样式>那一节已经说过了.另外还有一个重点,就是web端最流行的字体库fontAwesome,关于它我之前有一篇文章专门讲过,请参见<请用fontAwesome代