HTML/CSS技术

HTML/CSS技术

利用相对定位及偏移量做精美输入界面

阅读(2) 作者(admin)

利用相对定位和偏移量属性,可以很好的实现以前需要用图片才能实现的界面,而且实现起来比也很方便。例如,当需要用户输入某些信息,我们常常会用到:标题栏-内容-确定按钮 这种结构,下面是利用CSS样式的相对定位及偏移量做的输入...

HTML/CSS技术

用CSS实现文字变图象特效

阅读(2) 作者(admin)

  一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要增加...

HTML/CSS技术

用CSS控制的闪烁效果

阅读(2) 作者(admin)

  一段文本或一张图片,它的周围有一圈光晕,这圈光晕每一秒钟闪烁一次,而当鼠标移到上面时,立即停止闪烁,当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等),能起到较好的...

HTML/CSS技术

expression将JS、Css结合起来

阅读(1) 作者(admin)

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cr...

HTML/CSS技术

CSS做一个超链接的陷下效果

阅读(2) 作者(admin)

代码如下:<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/">把鼠标放上来看...

HTML/CSS技术

兼容各个浏览器的技巧

阅读(1) 作者(admin)

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...

HTML/CSS技术

块元素block element和内联元素inline element

阅读(2) 作者(admin)

内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-le...

HTML/CSS技术

关于居中布局和IE双倍边距bug

阅读(1) 作者(admin)

今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章。在ie中要居中,只要在<body>元素中定义text-align:center;的属性。而在firefox中,需要定义一个wrapper包裹器。然后指定margin-left:auto;margin-rig...

HTML/CSS技术

CSS解决未知高度垂直居中的问题

阅读(2) 作者(admin)

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。原文标题:Vertical Centering in CSS副标题:Yuhu's Definitive Solution with Unknown Height翻译:forestgan尽管有CSS的vertical-align特性,但是...

HTML/CSS技术

未知大小图片在已知容器中的垂直和水平居中问题

阅读(3) 作者(admin)

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对I...

HTML/CSS技术

在DIV+CSS排版中新闻列表的制作方法

阅读(2) 作者(admin)

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; /*列表底部的虚线...

HTML/CSS技术

CSS图片翻转菜单

阅读(3) 作者(admin)

如果用传统的方法制作这个翻转菜单,至少需要把图片切成10椋挂由S代码,在图片按钮上再加行为,现在完全用CSS来实现,图片只要一张,见下图。CSS代码:#imgmenu{ width: 450px; height: 25px; /*高度是背景图片的一半*/ backgro...

HTML/CSS技术

重新认识表格和一个访问无障碍的数据表格例子

阅读(4) 作者(admin)

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。 表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不...

w3c技术架构介绍
HTML/CSS技术

w3c技术架构介绍

阅读(2) 作者(admin)

作者:阿宏 2006-2-10 9:38:04 原文:http://www.w3.org/Consortium/technology 原作者:w3c 翻译:阿宏

图例说明W3C技术架构图描绘了一个两层的模型:万维网体系结构(被标注为“One Web”)建立在互联网(Interner)体系结构之上...

HTML/CSS技术

如何以及何时使用sIFR

阅读(2) 作者(admin)

作者:阿宏 2005-5-28 16:05:36原文:http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者:Andrew Hume 翻译:阿宏 在分析sIFR之前,先来快速的了解一下sIFR是什么,以及它是如何工作的。sIFR表示scalable I...

HTML/CSS技术

相对路径与绝对路径的区别

阅读(2) 作者(admin)

绝对路径:

  在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...

HTML/CSS技术

HTML技巧汇编

阅读(1) 作者(admin)

1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...

HTML/CSS技术

相对路径与绝对路径的区别

阅读(2) 作者(admin)

绝对路径:

  在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...

HTML/CSS技术

HTML技巧汇编

阅读(1) 作者(admin)

1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...

HTML/CSS技术

相对路径与绝对路径的区别

阅读(1) 作者(admin)

绝对路径:

  在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子...

HTML/CSS技术

HTML技巧汇编

阅读(1) 作者(admin)

1.怎样定义网页语言(字符集)? 在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代...

HTML/CSS技术

块元素block element和内联元素inline element

阅读(1) 作者(admin)

内联级元素(inline-level element)中试图插入块级(block-level element)元素。这样做是不允许的。唯一的能在内联元素中插入块级元素的例外是object标签。那么什么是内联级元素(inline-level element)和块级(block-le...