陈超群’s Blog

Internet Explorer 8预设是以CSS 2.1为标准，并修正了许多Internet Explorer 7的CSS Bug，这意味着有一部份以往依据IE 7所设计的网页，
在IE 8上的呈现会有所出入，所幸拜IE 7相容检视功能所赐，目前因使用IE 8而导致版面错误的网站并不多。
但一值依赖IE 7相容检视功能并非长久之计，尽早将网站修改为IE 8相容才是长久之计，因为毕竟CSS是持续更新的，现在不改，日后大修的机会就更大。
不幸的是，Microsoft官方并未提供关于IE 7及IE 8的CSS差异说明文件，顶多只是告诉我们IE 8目前更趋近于CSS 2.1而非CSS 2.0，因此笔者在造访许多网站后，
规类出8个最常见的差异供读者们参考。
continue to read

良好的CSS命名可以语义化你的代码，不仅仅是人读起来舒服，听说对SEO也有好处（没有考证过），下面是流行的样式命名，记录一下。
———————-
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:register
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight
continue to read

各种HTML标签：h1-h6,p,ul,ol,dl…即使没有给他们定义样式属性值，他们在浏览器中显示时，也会具有各种样式属性(主要是字体大小和各种间距)。这是因为浏览器和CSS给这些标签设置了默认的样式属性值，各种版本的浏览器和CSS可能略有差别，下面列举的是Firefox 1.5 和CSS 2.1(IE)设置的一些常见标签的默认样式属性值。
continue to read

记录下工作和学习当中遇到浏览器兼容的问题，包括javascript和css
outerHTML
continue to read

一，关于CSS Sprite
CSS Sprites是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个问题。
按照yahoo的rules for high performance web sites的原则，应当较少Client与Server端间 的HTTP Request次数。通过CSS Sprites方法将多张图片组装成单独的一张图片，可以有效减少HTTP请求 的次数。
当整幅图片载入完成后，你就可以使用CSS方法通过设置背景位置的方式完成所需图片的准确调用。
continue to read