CSS/HTML
层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。
-
推荐css打造经典鼠标触发显示选项
【CSS/HTML】看到了 分享：绝对经典的滑轮新闻显示(javascript+css) 这个帖子，都是css+js的控制经典，其实单css就可以搞定了，只不过是为了兼容那垃圾的 IE 才不得做个js ， 以下的代码如果去掉js部分地话，在Opear和Firrfox都能正常的，但是IE下就不行了。 大家有兴趣的可以测试一下。也希望能帮到有需...
推荐css打造经典鼠标触发显示选项 -
dl,dt,dd制作的CSS垂直菜单
【CSS/HTML】感觉跟ul和li有点类似,不过也算是一种新思路,源码如下: dl,dt,dd制作的CSS垂直菜单 #menu dl {width: 150px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(file:///E|/ceshi/media/bottom.gif) no-repeat bottom left;} #menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; ...
dldtdd制作的CSS垂直菜单 -
彻底弄懂CSS盒子模式系列教程集合
【CSS/HTML】blueidea终于可以出点让人惊呀的东西了，一直对clear和position不太理解，没想到这次的系列教程全给提及到了，不错，赞一下。彻底弄懂CSS盒子模式之一彻底弄懂CSS盒子模式之二彻底弄懂CSS盒子模式之三彻底弄懂CSS盒子模式之四彻底弄懂CSS盒子模式之五
彻底弄懂CSS盒子模式系列教程集合 -
都是IE惹的祸多浏览器兼容问题
【CSS/HTML】IE7发布已经有些日子了，因此网站需要照顾的浏览器又多了一个。这两天设计师们在做兼容，找到了一个解决办法，这里既是共享，也是记录。结合之前自己使用important!和/**/来区分IE5、IE6、Moz的经历，以下代码区分4个浏览器，复制代码保存成一个HTML文件看看效果吧：（ 无标题文档 IE5: YELLOW IE6: GREEN...
都是IE惹的祸多浏览器兼容问题 -
推荐一篇利用th,colgroup,col定义表格样式
【CSS/HTML】定义表格各列的样式，不用每个td都在那里加一堆的Class，利用th,colgroup,col等属性，轻松搞定^_^ 代码如下：复制代码 代码如下:<style> table.Demo { border-collapse: collapse; color: #454545; font: 11px/150% Verdana, Ari...
推荐一篇利用thcolgroupcol定义表格样式 -
你不一定知道的Label的For用法
【CSS/HTML】HTML中的Label标签，未接触标准的恐怕会比较陌生。即使接触了标准，很多人也只是当成一个容器，用来解释表单中的元素。概念性的东西我这里就不罗唆了，有兴趣的可以参看W3上的教程。 这里偶只是想谈谈Label中For的用法，这两天再搞华人站用了几个，还是比较爽的。如下面的例子，对于“相当同意”，试着点点文字看。如果...
你不一定知道的Label的For用法 -
百分比的细节－－容器大小篇
【CSS/HTML】因为屏幕能显示的最小单位是1px，对于像773*50%=386.5这样带数字的长度必须有所取舍。 测试页面，一些浏览器的截图标宽度也在里面 IE：按四舍五入的方式计算。 Firefox：计算后的值忽略小数部分，但会把多出的长度分配给里面的各元素。 如果只多出1px，比如2*386=772，剩下的1px会到其中一个元素，优先分配第一个元素，...
百分比的细节－－容器大小篇 -
div+css详解定位与定位应用
【CSS/HTML】引伸阅读 * 解读absolute与relative * position:relative/absolute无法冲破的等级 * 对《无法冲破的等级》一文的补充 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加...
div+css详解定位与定位应用 -
css动态模糊效果
【CSS/HTML】实例效果：请把鼠标放上去看看 第一步：把下面的脚本插入<head>与</head>之间： <script>function on(she){girl=shemove=setInterval("moving(girl)",50)} function off(she){ clearInterval(move) she.filters.blur.strength=2 } function moving(s){if (s.filte...
css动态模糊效果 -
巧用CSS的MASK滤镜
【CSS/HTML】Mask滤镜可以为网页上的HTML元件对象作出一个矩形遮罩，关于什么是遮罩?如果你用过Flash中的遮罩，你就会知道了，就是那个样子了。实际上对于遮罩你也可以这样来理解，相当于用一块有色布把物件盖起来，但内容却被挖去了。若你还不明白，就看下面的图片再听我给你细说。 图1 mask滤镜效果1 在上面这mask滤镜中用...
巧用CSS的MASK滤镜 -
css滤镜效果（二）
【CSS/HTML】7、Gray ,Invert,Xray 滤镜 语法：{filter:gray} ,{filter:invert},{filter:xray} Gray滤镜是把一张图片变成灰度图；Invert滤镜是把对象的可视化属性全部翻转，包括色彩、饱和度、和亮度值；Xray滤镜是让对象反映出它的轮廓并把这些轮廓加亮，也就是所谓的“X”光片。 效果如下： 8、Light 滤镜 语法：Filter{lig...
css滤镜效果（二） -
css滤镜效果（一）
【CSS/HTML】1、Alpha 滤镜 语法：{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)} "Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混...
css滤镜效果（一）
