css相关资料
CSS中div、span和center元素 2018-03-05

和用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:I am strong!。和其他html元素不同,&l

不用float实现模块居中布局 2018-03-05

最常见实用的布局形式:上、中左、中右、底四个模块,宽度760px,整体页面居中。结构代码,top left right foot 四个模块全部独立、互不嵌套。<div id="top">head</div><div id="left"> <div id="left_module">left</div></div><div id

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

利用相对定位和偏移量属性,可以很好的实现以前需要用图片才能实现的界面,而且实现起来比也很方便。例如,当需要用户输入某些信息,我们常常会用到:标题栏-内容-确定按钮 这种结构,下面是利用CSS样式的相对定位及偏移量做的输入界面。主要特点是:标题栏图片有向上的偏移量。利用样式:top:-10px;position:relative; 可以让图片脱离容器,定位于容器之外(本例子中图片的容器是class=

用CSS实现文字变图象特效 2018-03-05

一段文字,当鼠标在文字上面单击,文字消失,原来文字的地方却立即变成了一张图片,当鼠标在图片上单击,图片又消失,原来的文字又重现了,像变魔术一样,是不是有意思?!这种效果用Dreamweaver的Behavirs 功能也可实现,但那要增加一段javascript程序,明显增加了不少代码。而用CSS来制作这种效果,增加的代码却要少得多。原理:利用CSS的属性值可动态改变的特点。思路:定义一个HTML元

定义标题的最好方法 2018-03-05

作者:阿宏 2005-4-15 20:45:18原文:What is the Best Way to Mark up the Title of a Document?说明:本文是 《Web Standards Solutions: The Markup and Style Handbook》一书中的一章。书号:ISBN:1590593812。我们会陆续翻译此书中有价值的章节。原作者:Dan Ced

CSS代码缩写技巧 2018-03-05

Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百

firefox background-image垂直平铺问题的解决方法 2018-03-05

firefox下background-image的垂直平铺repeat-y不设置height的解决办法

div的dispaly:inline样式 和span的区别 2018-03-05

为什么在ie里执行后这段代码 两个span标签虽在同一行但它们之间有空隙? 但是 两个div标签虽然在同一行就没有空隙?

用CSS控制的闪烁效果 2018-03-05

一段文本或一张图片,它的周围有一圈光晕,这圈光晕每一秒钟闪烁一次,而当鼠标移到上面时,立即停止闪烁,当鼠标移开时又继续闪烁。这种效果用于那些需要特别引起别人注意的内容上(如:警示、报告新增内容等),能起到较好的效果。上面这个示例就能实现上面所的效果,由于这里是抓取的一张图片,不能看到动态效果,只要按下面介绍的方法,制作一个试试,其效果是一目了然的。其制作思路是:采用了CSS的“Glow”滤镜产生光

用CSS实现鼠标单击特效 2018-03-05

如果你能很好地应用CSS,那么你的主页将被打扮得很靓。下面就给大家介绍用CSS做出的一个鼠标单击特殊效果图。1、将下面的代码复制到你的主页中和之间。〈STYLE〉.shadow { FILTER: shadow(color=blue,direction=225) } .shadow1 { FILTER: shadow(color=red,direction=

CSS图片翻转菜单 2018-02-28

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

对display:inline;与float:left;的认识 2018-02-28

首先我们要明确,display:inline;与float:left;正确含义。display:inline;(内联)《CSS权威指南》中文字显示:任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式,这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如,我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行进行重复,每一行下方都会有

expression将JS、Css结合起来 2018-02-28

IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javas cript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式,CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员

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

CSS代码:.list{ margin: 0px 10px 20px; text-align: left; } .list ul{ list-style-type: none; margin: 0px; padding: 0px; } .list&

CSS做一个超链接的陷下效果 2018-02-28

代码如下:A:link,A:visited ,A:active {TEXT-DECORATION: none}A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}

用CSS构建iframe效果 2018-02-28

iframe应用很普遍,通常的需求有两种:1,获取iframe效果,就是带一个滚动条,可以省不少版面。2,要嵌一个页面,实现框架链接。如果不方便使用iframe,可以有如下解决方案:第一种需求如果我们使用CSS布局来实现,即可以少一个页面,也可以提高效率。第二种需求可以采用xmlhttp远程获取。A. 直接模拟iframe用层做容器 #content { o

重构、标准、布局 2018-02-28

近来大家总是在标准上争论不休,其实,这些问题一些相关文章已经说得很明白了。以下我就谈谈我的看法。本帖子有太多的“我认为”,说明了我只是想把我的想法拿出来跟大家商榷,或许有太多不对的地方,也请大家一一指出。1、我对web标准的理解所谓的web标准,在一些教程文章上已经得到结论:结构化标准(XHTML、XML)、表现标准(CSS、XSLT?)、行为标准(DOM、ECMAScript)。这些东西在网上一

兼容各个浏览器的技巧 2018-02-28

1,盒解释器的不同解释.#box{ width:600px; //for ie6.0- width:500px; //for ff+ie6.0}#box{&nb

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

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。表格一直是网页设计制作过程中一个重要的组成部分,在没学习CSS布局前,大多是用来布局的,但到目前位置发现居然还没真正地了解和完全掌握表格,不得不需要重新认识表格......在现代网页设计制作中,表格主要的用途应该是用来存放多元二维数据。和表格相关的标签有 table、tr、td、th、tbody、thead、tfoot、col

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

除特别说明外,本站内容采用创作共用授权署名和非商业用途,请尊重劳动成果。CSS布局中,未知大小图片的垂直居中,一直是比较头疼的问题,标准浏览器只要设定容器的line-height和图片的vertical-align:middle;就可以了,但对IE没用,几个月前在国外网站看到了一则对IE的解决方法,感觉不是很理想,也没当回事。最近看到经常有朋友在问类似的问题,又把代码翻了出来,针对IE改了下。CS