分类“(x)html + css”下的文章

css 圆角

nofollow标签

1.什么是nofollow标签?

“别跟着我!”–简单来说nofollow标签不是给人看的,它是面向搜索引擎爬虫的,先看看nofollow标签张啥儿样:

常规网站链接: <a href="http://www.site.com">Site</a>
添加了nofollow后的链接 :<a href="http://www.site.com" rel="nofollow" >Site</a>

对!就是多加了rel=”nofollow”

HTML标签的SEO权重比例

SEO对网站的推广是越来越重要了,这份SEO资料网上很多,但这个应该是相当经典和实用的资料。
HTML标签权重分值排列:

盒模型中的宽度和margin问题

在CSS的盒模型设计中,它的宽度和高度不仅仅由width或者height来提供,而是由一组属性值组合而成。

相关属性:宽度(width),高度(height),内边距(padding),外边距(margin),边框(border)

IE6/IE7+/Firefox 的最级宽度 = 左外边距 + 左边框宽 + 左内边距 + 宽度 + 右内边距 + 右边框宽 + 右外边距

10款浏览器CSS Reset的方法

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

Marquee 替代 -- 无间滚动

具体效果看附件把
Marquee.zip

ImageZoom 图片放大效果(扩展篇)

上一篇ImageZoom已经对图片放大效果做了详细的分析,这次在ImageZoom的基础上进行扩展,实现更多的效果。
主要扩展了原图和显示框的展示模式,有以下几种模式:
"follow" 跟随模式:显示框能跟随鼠标移动的效果;
"handle" 拖柄模式:原图上有一个拖柄来标记显示范围;
"cropper" 切割模式:原图用不透明的来标记显示范围,其他部分用半透明显示;
"handle-cropper" 拖柄切割模式:拖柄模式和切割模式的混合版,同时用透明度和拖柄来标记显示范围。
当然更多的扩展等待你的想象力来发掘。
兼容:ie6/7/8, firefox 3.6.2, opera 10.51, safari 4.0.4, chrome 4.1

ImageZoom_ext.zip

来源http://bbs.blueidea.com/thread-2980726-1-2.html

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

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

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

仿FLASH效果的四级下拉菜单

点击进入查看代码

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

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