在IE7以下版本一直是不支持无A状态伪类的，通常都要靠Javascript来解决的，最近经常有人问起此类问题，故整理了几种方法，脚本来自国外网站，供大家参考。 方法一 javascript文件，来自Htmldog function suckerfish(type, tag, parentId) { if (window.attachEvent) {...

2008-02-23 08:47:00

CSS Sprites技术不新鲜，早在2005年 CSS Zengarden 的园主 Dave Shea 就在 ALA 发表对该技术的 详细阐述 。原先只在CSS玩家之间作为一种制作方法流传，后来出来个 14 Rules for Faster-Loading Web Sites , 技术人员之间竞相传阅，其中第一条规则Make Fewer HTTP Reque...

2008-02-23 08:47:01

“重构”的春风吹遍大江南北，互联网一时间风声鹤唳，“div CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑—— 我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div a构...

2008-02-23 08:46:54

CSS允许你控制网页外观和布局的各个方面——包括字体、页边空白和光标。不错，从CSS 2.1开始，你就可以方便地控制用户浏览网页时使用的光标。 标准的CSS光标呈箭头状，一般来说，它都能满足一个网页或网站的需求，但有些时候你可能需要使用其它的光标。在这些情况下，C...

2008-02-23 08:46:55

目前网页标准已是大势所趋。正如原始的品网站点，下面的这些站点将一如既往地显示群聚的力量。 凝视世界顶尖WEB设计师的标准制作，感受标准的气氛，掀起学习标准的浪潮。 CSS设计师们， U吧。 CSS ZenGarden: http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS...

2008-02-23 08:46:53

链接元素的所有CSS属性可以合并为： a { text-decoration: none; background: url(underline.gif) repeat-x 100% 100%; padding-bottom: 4px; white-space: nowrap; } 如果你想自定义下划线的效果只在鼠标滑过链接时出现，只需设置CSS背景属性为:hover伪类，取代直接设...

2008-02-23 08:46:53

这是最基本的预览，下面是几种不同的应用代码 一、基本的CSS图表 CSS代码 style .graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632;...

2008-02-23 08:46:51

其实 Opera 比 IE 或 Firefox 都更好用。User Style Sheet 和 User Script 就是很贴心的设计。 什么是用户脚本和用户样式表？ 很多网页本身就夹带有脚本，样式表就更不用说了，但这些东西可能不太合你的胃口。有些脚本写得很糟糕，你肯定遇到过导致 CPU 占用率升到 100...

2008-02-23 08:46:47

CSS实现图片阴影效果三部曲 css shadow triple steps 此文译自CSS.Mastery.Advanced.Web.Standards.Solutions.Feb.2006.pdf 预览效果请直接看第三步。译文为直译，具体请参考英文版本。英文书籍也有很多“八股”，看多了就习惯了 正文开始： 第一步、如何实现图片阴影...

2008-02-23 08:46:46

大多数的Web页面都显示在电脑屏幕上，人们通过屏幕观看，但是，有时候用户想要将一些网上的内容打印出来，这就需要与打印媒体连接起来。由于原来采用的是能让Web页面在屏幕上显示的效果很好的那种格式，但在打印时效果并不那么好，Web创建者们通常都会创建一些独立的页...

2008-02-23 08:46:42