前端复习--深入css
2016-10-25 23:45
169 查看
好的学习资料可以事半功倍,这句话就不是盖的。
一路走来遇到几篇不错的post,在这里总结一下,以后若是想复习有关css的高级内容,一定要把这几篇文章看一遍,其中的代码也要敲一遍。
1 这是篇讲BFC的,说实话,博文写得漂亮,有逻辑,有深度,但不难,唯一可能是英文原文,但比很多国内的jiba文章好上一万倍,多看英文。通过了解BFC可以对CSS理解提高一个档次,有很多问题,比如说一个盒子,加了一个overflow:hidden,为什么会改变外边距塌陷,和清除浮动。但是,这篇文章,仍然有不全之处,即原理还可以再深入。
https://www.sitepoint.com/understanding-block-formatting-contexts-in-css/
2 用margin还是padding,这位仁兄的系列文章写得都非常好,剖析很细腻,像一位高手,普通码农知道有这么回事,用的时候凭感觉,而高手却能总结,并给出解释。
http://www.hicss.net/use-margin-or-padding/
一路走来遇到几篇不错的post,在这里总结一下,以后若是想复习有关css的高级内容,一定要把这几篇文章看一遍,其中的代码也要敲一遍。
1 这是篇讲BFC的,说实话,博文写得漂亮,有逻辑,有深度,但不难,唯一可能是英文原文,但比很多国内的jiba文章好上一万倍,多看英文。通过了解BFC可以对CSS理解提高一个档次,有很多问题,比如说一个盒子,加了一个overflow:hidden,为什么会改变外边距塌陷,和清除浮动。但是,这篇文章,仍然有不全之处,即原理还可以再深入。
https://www.sitepoint.com/understanding-block-formatting-contexts-in-css/
2 用margin还是padding,这位仁兄的系列文章写得都非常好,剖析很细腻,像一位高手,普通码农知道有这么回事,用的时候凭感觉,而高手却能总结,并给出解释。
http://www.hicss.net/use-margin-or-padding/
相关文章推荐
- Web前端——CSS复习1(3.25)
- 前端复习--多列等高css
- 前端复习--css position属性
- 前端 html css 复习
- Web前端——CSS复习(3.27-3.31)
- 前端复习--css实现幻灯片效果
- 前端复习--CSS布局1 右定宽左自适应
- 前端复习--很深入地理解对象(从实现bind函数入手)
- 李洪强和你一起学习前端之(8)CSS复习
- 前端复习--javascript 任务队列 与 setTimeout()的深入学习
- 李洪强和你一起学习前端之(6)css行高,盒模型,外边距
- 阿里免费教你学习前端开发CSS基础
- 前端面试题(理论知识+HTML+CSS+JavaScript)袭来,请接招!【附答案】
- 从事前端开发必须要了解的CSS原理
- 2017年总结的前端文章——CSS高级技巧汇总
- 前端css:“圣杯布局”
- [转]前端HTML-CSS规范
- 从事前端开发必须要了解的CSS原理
- 8个帮助你编写可维护、精简化前端代码的 CSS 策略
- 【前端】:CSS