分类“(x)html + css,SEO/SEM”下的文章

css 圆角

10款浏览器CSS Reset的方法

知道CSS Reset是什么吗?通常情况下,它也被写成Reset CSS,即重设浏览器的样式。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以,有了CSS Reset,以让网页的样式在各浏览器中表现一致。

利用CSS实现单行文本超出部分用省略号显示

li  {
display: block;
width: 205px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}

FF下的效果都不好,忽略了

js+css 实现tag随机大小随机颜色

效果如下图.织梦找来的..
js+css 实现tag随机大小随机颜色

CSS HACK

HACK概念:
不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack

HACK规则:

IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;


IE6 IE7 FF
* ×
!important ×

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6

IE FireFox对CSS的不同解释收集

W3C说是一个标准,不如说是一个麻烦,FireFox大家都说好用,但我宁愿它没有!! 苦了这些程序员,哎!

以下细节只针对IE和FireFox,其它浏览器并未测试

书写高效的CSS 漫谈CSS的渲染效率

总结了部分所学、所听、所看、所问的一些CSS写作经验,书写高效的CSS – 漫谈CSS的渲染效率,它们与渲染效率及所占用消耗的资源有一定的关联。部分为自己理解所写,不排除会有错漏,欢迎提供更好的意见。

解决IE6、IE7、Firefox兼容最简单的CSS Hack

很早就在这里看到过解决方案,与嗷嗷讨论后发现这个方案还是很可靠的。当然,唯一的缺点就是每一个属性都要去Hack,但我在很多实践中,只用‘修正’1-2个属性就可以了。

目前流行的CSS+DIV的命名规则(有助seo)

搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。
为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: