近期Blog热门文章
作者:rzhome 日期:2008-11-26
[转]SEO中的DIV CSS样式的命名规则
作者:rzhome 日期:2010-04-17
在搜索引擎优化中， 对于CSS代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样，在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数的seo人员所接受，并为整个网站的更新工作带来方便。
页头:header (CSS中通常写为： #header)
登录条:loginBar
页头:header (CSS中通常写为： #header)
登录条:loginBar
[转]优秀 CSS 资源网站 60 强
作者:rzhome 日期:2008-08-30
| 站点名称 | Alexa排名 |
| www.cssbeauty.com | 10,432 |
| www.cssdrive.com | 14,303 |
| www.stylegala.com | 15,819 |
| www.cssmania.com | 22,686 |
| www.cssremix.com | 23,294 |
| www.alvit.de/css-showcase/ | 26,557 |
| www.cssvault.com | 27,285 |
| www.w3csites.com | 28,078 |
| www.bestwebgallery.com | 30,382 |
| www.csselite.com | 33,948 |
| www.screenalicious.com | 36,114 |
| www.unmatchedstyle.com | 42,269 |
| www.designlinkdatabase.net | 48,086 |
| www.screenfluent.com | 51,014 |
| www.designsnack.com | 51,904 |
| www.cssheaven.com | 53,491 |
| www.cssimport.com | 57,960 |
| www.cssglobe.com | 65,660 |
| www.cssreboot.com | 67,768 |
| www.mostinspired.com | 68,025 |
| www.thebestdesigns.com | 68,614 |
| http://thesis.veracon.net | 76,844 |
| www.cssbloom.com | 79,672 |
| www.csscollection.com | 92,579 |
| www.csstux.com | 98,129 |
| www.cssbased.com | 101,834 |
| www.css-website.com | 102,923 |
| www.designshack.co.uk | 109,656 |
| www.ceeses.com | 124,001 |
| http://anjo.dekiteharu.jp | 135,146 |
| www.cssclip.com | 135,730 |
| www.my3w.org | 151,235 |
| www.csshazard.com | 167,525 |
| www.artnetz.de | 173,234 |
| www.css-design-yorkshire.com | 177,077 |
| www.css11.com | 182,520 |
| www.cssimpress.com | 188,219 |
| www.e-motionaldesign.com | 202,826 |
| www.cssprincess.com | 210,811 |
| www.cssgaleri.com | 220,224 |
| www.cssblast.ru | 224,048 |
| www.creative-pakistan.com | 233,247 |
| www.netzfruehling.de | 237,645 |
| www.najdizajn.com | 256,885 |
| www.edustyle.net | 274,750 |
| www.csssmoothoperator.com | 290,827 |
| www.coolsitecollection.com | 313,655 |
| www.cssgalaxy.com | 348,352 |
| www.per.fectio.net | 357,030 |
| www.cssflavor.com | 364,755 |
| www.onepixelarmy.com | 369,312 |
| www.piepmatzel.de | 418,803 |
| www.cssbrain.hu | 438,074 |
| www.w3c-compliance.com | 461,674 |
| www.stylegrind.com | 484,645 |
| www.submitcss.com | 523,147 |
| inspirace.dobrestranky.com | 549,529 |
| www.cssgallery.ro | 553,463 |
| www.cssgreen.com | 600,815 |
[转]用YSlow评分插件分析我们页面
作者:rzhome 日期:2008-08-27
[转]IE6、IE7和FF的最简单的hack技巧
作者:rzhome 日期:2008-08-26
line-height使文本居中的3像素bug问题
作者:rzhome 日期:2008-08-26
虽然题目这么写，可是这真是bug吗？我觉得不算。
line-height使文本居中的3像素bug，先查下这3px的底细，怎么查？观察+FW
先写个height、line-height都为30px，背景为红色的元素，设置文字为12px。然后量下，果然有3px的bug。同时增加或者减少height、line-height 1px发现如果当前值是奇数那1px会加到文字和底部空间里而减少时减掉的是文字和顶部空间的1px（加下减上）；为偶数时刚好相反：加上减下。当我们给文字加下划线的时候发现文字的垂直位置并没变，这能说明什么呢？还不太肯定，继续同时减小heighe、line-height直到一个合适的值：14px，这时候我们可以看到文字和下划线都是完整的，继续减小1px。这时IE已经不按我们刚才发现的规矩办事了，文字上面被截去1px，这样看来14px应该是IE认为的一个临界点，此时整体高低减去文字高度刚好为3px。会不会？。。。因为这时文字是顶这上边界的，我们把文字增加到2行，发现了吧，第二行的文字不是顶这第一行的下划线的，而是有1px的距离。3px果然是下划线的高度。
line-height使文本居中的3像素bug，先查下这3px的底细，怎么查？观察+FW
先写个height、line-height都为30px，背景为红色的元素，设置文字为12px。然后量下，果然有3px的bug。同时增加或者减少height、line-height 1px发现如果当前值是奇数那1px会加到文字和底部空间里而减少时减掉的是文字和顶部空间的1px（加下减上）；为偶数时刚好相反：加上减下。当我们给文字加下划线的时候发现文字的垂直位置并没变，这能说明什么呢？还不太肯定，继续同时减小heighe、line-height直到一个合适的值：14px，这时候我们可以看到文字和下划线都是完整的，继续减小1px。这时IE已经不按我们刚才发现的规矩办事了，文字上面被截去1px，这样看来14px应该是IE认为的一个临界点，此时整体高低减去文字高度刚好为3px。会不会？。。。因为这时文字是顶这上边界的，我们把文字增加到2行，发现了吧，第二行的文字不是顶这第一行的下划线的，而是有1px的距离。3px果然是下划线的高度。
Tags: CSS WEB标准 3像素bug line-height
三像素的文本慢移
作者:rzhome 日期:2008-08-26
昨天在网上找到过一篇文章并转载"三像素的文本慢移问题解决方案"
今天再次碰到这个问题，主要原因是我以前做div左右布局的时候就是用float:left和right在做左右这样做起来也方便，但是在做div里面的内容时候也会因为float产生一些问题，今天就float:left加margin-left来做左右布局做起来感觉也不错，也不用担心float产生的问题，无意中用dw自带的“浏览器兼容性检查”功能检查了一次，发现会报一个
引用内容
今天再次碰到这个问题，主要原因是我以前做div左右布局的时候就是用float:left和right在做左右这样做起来也方便，但是在做div里面的内容时候也会因为float产生一些问题，今天就float:left加margin-left来做左右布局做起来感觉也不错，也不用担心float产生的问题，无意中用dw自带的“浏览器兼容性检查”功能检查了一次，发现会报一个
引用内容三像素的文本慢移:
如果无名线框（包含内联内容的框）邻近某个浮动，则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时，此间隙会消失，导致内容朝着浮动的方向“慢移”三个像素。请注意，当左对齐文本邻近右浮动时，可能难以看到此间隙，但它确实存在，而且它可能导致紧密的布局中出现“浮动下降”。
影响: Internet Explorer 6.0
可能性: 很可能
如果无名线框（包含内联内容的框）邻近某个浮动，则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时，此间隙会消失，导致内容朝着浮动的方向“慢移”三个像素。请注意，当左对齐文本邻近右浮动时，可能难以看到此间隙，但它确实存在，而且它可能导致紧密的布局中出现“浮动下降”。
影响: Internet Explorer 6.0
可能性: 很可能
HTML代码
