利用相对定位及偏移量做精美输入界面
利用相对定位和偏移量属性，可以很好的实现以前需要用图片才能实现的界面，而且实现起来比也很方便。例如，当需要用户输入某些信息，我们常常会用到：标题栏－内容－确定按钮 这种结构，下面是利用CSS样式的相对定位及偏移量做的输入...
用CSS实现文字变图象特效
一段文字，当鼠标在文字上面单击，文字消失，原来文字的地方却立即变成了一张图片，当鼠标在图片上单击，图片又消失，原来的文字又重现了，像变魔术一样，是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现，但那要增加...
用CSS控制的闪烁效果
一段文本或一张图片，它的周围有一圈光晕，这圈光晕每一秒钟闪烁一次，而当鼠标移到上面时，立即停止闪烁，当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等)，能起到较好的...
expression将JS、Css结合起来
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cr...
CSS做一个超链接的陷下效果
代码如下：<style>A:link,A:visited ,A:active {TEXT-DECORATION: none}A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}</style><A HREF="http://homepage.yesky.com/">把鼠标放上来看...
兼容各个浏览器的技巧
1,盒解释器的不同解释.#box{ width:600px; //for ie6.0- w/idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width...
块元素block element和内联元素inline element
内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-le...
关于居中布局和IE双倍边距bug
今天google了一下css居中布局的问题，结果差不多都是引用了同一篇文章。在ie中要居中，只要在<body>元素中定义text-align:center;的属性。而在firefox中，需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-rig...
CSS解决未知高度垂直居中的问题
除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。原文标题：Vertical Centering in CSS副标题：Yuhu's Definitive Solution with Unknown Height翻译：forestgan尽管有CSS的vertical-align特性，但是...
未知大小图片在已知容器中的垂直和水平居中问题
除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。CSS布局中,未知大小图片的垂直居中，一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了，但对I...
在DIV+CSS排版中新闻列表的制作方法
CSS代码:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虚线...
CSS图片翻转菜单
如果用传统的方法制作这个翻转菜单，至少需要把图片切成10椋挂由S代码，在图片按钮上再加行为，现在完全用CSS来实现，图片只要一张，见下图。CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ backgro...
重新认识表格和一个访问无障碍的数据表格例子
除特别说明外，本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 表格一直是网页设计制作过程中一个重要的组成部分，在没学习CSS布局前，大多是用来布局的，但到目前位置发现居然还没真正地了解和完全掌握表格，不...
w3c技术架构介绍
作者：阿宏 2006-2-10 9:38:04 原文：http://www.w3.org/Consortium/technology 原作者：w3c 翻译：阿宏
图例说明W3C技术架构图描绘了一个两层的模型：万维网体系结构（被标注为“One Web”）建立在互联网(Interner)体系结构之上...
如何以及何时使用sIFR
作者：阿宏 2005-5-28 16:05:36原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者：Andrew Hume 翻译：阿宏 在分析sIFR之前，先来快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable I...
用DIV+CSS如何实现这种表格效果
表格效果table [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何实现这种表格效果
表格效果table [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何实现这种表格效果
表格效果table [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css #div1 { width: 450px; border-to...
相对路径与绝对路径的区别
绝对路径：
在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...
HTML技巧汇编
1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...
相对路径与绝对路径的区别
绝对路径：
在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...
HTML技巧汇编
1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...
相对路径与绝对路径的区别
绝对路径：
在我们平时使用计算机时要找到需要的文件就必须知道文件的位置，而表示文件的位置的方式就是路径，例如只要看到这个路径：c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...
HTML技巧汇编
1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...
块元素block element和内联元素inline element
内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-le...