Andy 你可以用类选择符class和标识选择符id来定义自己的选择符。 这样做的好处是，依赖于class或者id，你可以不同地表现相同的HTML元素。 在CSS中，类选择符在一个半角英文句点（.）之...

[阅读全文]

Andy 　　伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开...

[阅读全文]

Andy 组合　　你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。比如，你有如下的代码：h2 { color: red; }.thisOtherClass { color: red; }.yetAnotherClass ...

[阅读全文]

Andy 　　表单对于残障人士来说是最不容易使用的东西。导航和成文的内容是一种情况，而表单域和信息输入的跳跃又是另一回事儿。因此，为表单增加更多元素，使得表单更易用和更具亲和力未尝不...

[阅读全文]

Andy HTML 3.2 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">HTML 2.0<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">HTML Strict<!DOCTYPE HTML PUBLIC "-//W3C//DT...

[阅读全文]

Andy 相对长度单位 Relative Length Unitsem说明：相对长度单位。相对于当前对象内文本的字体尺寸。如当前行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。 示例：div { fo...

[阅读全文]

Andy background : background-color || background-image || background-repeat || background-attachment || background-position 示例：div { background: red no-repeat scroll 5% 60...

[阅读全文]

Andy 通配选择符（Universal Selector）说明： 选定文档目录树（DOM）中的所有类型的单一对象。 假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。 语法：* 示例：*{margin:0;pa...

[阅读全文]

Andy 　　把一副大图片按比例缩小或者放大到某个尺寸，对于标准浏览器（如Firefox），或者最新都IE7浏览器，直接使用max-width,max-height；或者min-width,min-height的CSS属性即可。如：im...

[阅读全文]

Andy ＜textarea＞＜/textarea＞中不能再嵌套＜textarea＞＜/textarea＞这种情况下，最开始的那个＜textarea＞会以在它下面的第一个＜/textarea＞作为它的闭合标签，不再去理会该闭合标签后...

[阅读全文]

Andy 　　为了解决这个问题，从网上找到这篇文章：CSS的十八般技巧　　其中第十三条提到解决方案，于是看到这篇：How To Clear Floats Without Structural Markup　　解决方案好象比较麻烦，...

[阅读全文]

Andy <P>　　问：为什么我设置的div的高度是1px，为什么看不到效果啊，div老是那么高。</P><P>　　答：给你的div加一个属性：<SPAN class=red>font-size:0; </SPAN></P><P>说明：<BR>　　这个...

[阅读全文]

Andy 1 关于图片格式 一般来说页面中用的图片 最多的格式是jpg，gif 那一般用什么格式的呢：图片中图像较多的（比如照片） 或者渐变效果要求高的，用jpg格式图片中文字性内容多的，或者...

[阅读全文]

Andy 源码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999...

[阅读全文]

Andy 源码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/x...

[阅读全文]

Andy 源码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Tab Effect Example</title> <meta http-equiv="Content-Type" content="tex...

[阅读全文]

Andy 源码如下： <HTML> <HEAD> <script> var Num=4; //这里是增加选项卡的数目 var carNum=2+Num function document.onselectstart() { var obj=event.srcElement if(obj.tagName=...

[阅读全文]

Andy 码如下：<br><TEXTAREA id=runcode0 rows=9 cols=72> <html> <head> <title> New Document </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <met...

[阅读全文]

Andy 　　在div+css布局中，一般都这样来整体构架的：<div id="header"></div><div id="center"></div><div id="footer"></div>　　而对于header部分，肯定要显示网站标题，除了显示网站标题...

[阅读全文]

Andy 源码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><...

[阅读全文]

Andy 制作表单的时候，实现鼠标悬停交互效果有多种方法:1、在xhtml中直接写入onmouseover、onmouseout脚本就可以实现了，但这样就违背了web标准所倡导的内容、表现相分离的原则。以后若要对此...

[阅读全文]

Andy 开心就好 提出了一个 关于CSS的小问题，题目是这样的~这样的结构： <div id="Header">这是标题</div><div id="Main"><div id="Content">这是主内容</div><div id="Sidebar"><div id="S...

[阅读全文]

Andy 有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？ 在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性...

[阅读全文]

Andy 53个CSS-不可或缺的技巧 Quote:CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - ...

[阅读全文]

Andy CSS代码： Example Source Code [*{ margin:0; padding:0; list-style:none; border:none;}body{ font-size:12px; font-family: Verdana; line-height:1.8; padding:30px;}.c{ clear:...

[阅读全文]

Andy CSS翻页效果在实际开发中是最常遇见的情况下面的图片是本案例中的链接背景图片：　　下面是XHTML编码： Example Source Code <div id="pagebar"> <a href="#"><<</a> <span class="...

[阅读全文]

Andy DIV CSS实例：一款不错的CSS翻页效果下面是XHTML代码： Example Source Code <p><a href="http://www.cnwebshow.com/">Digg Style - cnwebshow.com</a><div class="digg"><span class...

[阅读全文]

Andy 　　1.若有疑问立即检测　　在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，...

[阅读全文]

Andy 在以前的文章中，我们也介绍多种类似CSS隐藏文字的处理手法：CSS对文字溢出时的自动隐藏处理http://www.cnwebshow.com/edu/html/article_707.htmlCSS中以图片替换文字的表现方法http:...

[阅读全文]

Andy 　我们来看下面的代码，成功的实现了隐藏input 文字。但分为三种情况，我们在后面进行分析。源码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w...

[阅读全文]