林夕轩

立志于前端的超级菜鸟就是我

CSS的查找匹配原理(转自cindylu)

这篇文章完全颠覆了我的理解,非常有用。原文地址:http://cindylu520.iteye.com/blog/687220

用了这么多年的CSS,现在才明白CSS的真正匹配原理,不知道你是否也跟我一样?看1个简单的CSS:

DIV#divBox p span.red{color:red;},按习惯我们对这个CSS的理解是,浏览器先查找id为divBox的DIV元素,当找到后,再找其下的所有p元素,然后再查找所有span元素,当发现有span的class为red的时候,就应用该style。多么简单易懂的原理,可是这个理解却是完完全全相反、错误的。


匹配原理:

浏览器CSS匹配不是从左到右进行查找,而...

CSS使用思考步骤(转)

  1. 我要用这css干嘛?

  2. 我明白我要干嘛了,这是css2规范里的么?

    1. 必须的,结束。

    2. 不行,跳到第三步

  3. 这玩意兼容性怎么样啊

    1. 很好的兼容啊,结束

    2. 兼容性很一般,跳到第四步

  4. 这是锦上添花还是需求啊?

    1. 这是锦上添花,那么低端浏览器我就只能优雅降级了。

    2. 这是需求啊!跳到第五步

  5. 我怎么在不兼容的浏览器里对付这个需求呢?

原文地址:http://www.w3cplus.com/css/learning-principles-for-improving-your-css.html


前端应该怎样和其他人周旋

    还是做了之前那个项目有感,在做这个项目的时候。对后端的数据,没有清晰的认识,导致自己写的时候很虚,发布的时候更虚!所以我觉得作为一个前端开发,至少做到这些:

  • 和后端的交流上,要在开发前保证自己使用的变量有绝对的认识。

  • 和产品的交流上,需要使用参数要确定好,确认好对自己开发的项目没有任何疑问。

  • 当然,最重要的是!要开心合作,勇于承担责任。

IE的haslayout(转)

IE的haslayout是个很纠结的东西,掌握好CSS就得掌握好它。初学CSS时走了很多弯路,以下几篇文章在我的学习中起了很大的作用,希望能让大家受益。

拥有layout概述

Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其”layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为”尺寸臭虫(dimensional bugs)”[32],意思是这些臭虫可以通过赋予相应元素某个宽度或高度解决。

“Layout”是一个 Internet Explorer for Windows的私有概念,它决定了一个元素如何显示以及约束其包含的内容、如...

 

© 林夕轩 | Powered by LOFTER