Redky

web前端开发/HTML/CSS/JavaScript

css看重的是思想,not Api

with one comment

记得在以”知识的收集和整理”为主题的web标准交流会上,有同学提出,在blog上最好不要放网上到处都能搜索到的解决方案.
我并不完全同意这种观点,有些还是需要大家一起努力才行;而网上都已经铺满了的东西,放的话,加点自己的分析/demo也行.

  1. http://yuiblog.com/sandbox/yui/3.2.0pr1/build/cssgrids/grids.css 发挥display:inline-block;的作用(同时使用了#display:inline;#zoom:1;还有vertical-align:top;)
  2. CSS森林,Ghost发表的几个CSS模块化值得去研究.
    如果谁说css只是掌握那些api,那他肯定是把css想的太简单了.
    css涉及到扩展、维护; 说白了,学习CSS,更重要的是学习CSS思想.
    Ghost的职业目标:提升页面制作人员在行业中的地位! 这个得支持.
  3. *{margin:0;padding:0;}(迅雷,Yahoo中国使用)
    body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul……{margin:0;padding:0;}(多数使用这个)
    做demo时会使用reset,并且会使用前者.
    *号看多了,本来应该不奇怪的;可是又觉得哪儿有疑问.
    *号到底代表什么?在群里了解: *代表页面中所有的html标签.
    补充:使用第一种,太直接了,它只是扫清了浏览器间的不同,但没有进行良好的重置;css reset没有对与错之分,只存在合适不合适之说.
  4. 网站中嵌入的Flash广告,它上面会再插入一个层.有这样的:
    <a href=”http://www.ad.com/”>
    <img src=”space.gif” width=”flashWidth” height=”flashHeight” />
    </a>
    查了下,这是为了正确的得到流量统计.点击Flash中的链接到网站,网站中的统计代码统计不到(会认为是浏览者直接输入域名或者来自bookmarks),而img和文本能够得到.使用透明的层覆盖flash.
  5. 推荐使用Class,它可以得到良好的重用,而ID就不行了.
    class可以有多个值(用空格分开),这个真的很酷.多个class组合,很强大.并且它还可以让js调用的class和css调用的class分开.
    CSS选择符中的优先级:类永远优先于标签(不管多少个),而继承的优先级是最低的.
  6. 在javascript中添加样式时,会直接插入成行内样式.这个蛮好的,把设置成空值时,原样式就直接出来.
    如果js修改的css样式多,可以直接给元素添加类,而样式在css中提前搞定.或者在js中直接写e.style.cssText = ‘…’.
    7月底在360举行web标准交流会,主题”如何学习JavaScrit”. 大家可以去听一下. http://www.w3ctech.com
  7. 补充:
    使用JavaScript改变页面中的图片,从而不刷新页面;条件:图片的地址相同.
    直接思维,给img中的src加参数.http://www.jimzhan.com/blog/wp-content/uploads/2010/07/211.jpg?t=2010
    这样就可以保证每次都会去服务器请求了.但是png不支持.

计算机是非0即1,而现实世界里很多事情都是需要平衡到合适的再确定.

Written by jim

七月 29th, 2010 at 2:45 下午

Posted in 推荐文章

Tagged with ,

One Response to 'css看重的是思想,not Api'

Subscribe to comments with RSS

  1. *{margin:0;padding:0;}这个QQ空间也在使用.

    jim

    30 七 10 at 12:34

Leave a Reply