• 用 JavaScript 实现网页图片等比例缩放

    在处理网页图片时,特别是一些图片列表的应用里面,很难保证图片统一大小,直接设置图片大小又会导致图片拉伸,造成图片模糊,本文介绍的代码可以在图片加载完成后自动按比例调整图片大小。[separator][code]<script language="JavaScript" type="text/javascript">// 说明:用 JavaScript 实现网页图片等比例缩放//调用方式://  <i...

  • Meta的http-equiv属性详解

    http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。           meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equi...

  • DIV高度自适应解决方法汇总

    两个DIV高度自适应解决方法汇总:我们经常会碰到左右两个DIV高度不能自适应的问题,今天在这里整理一下各种解决方法:网站优化(seo)中,提到过网站样式的优化,即在网站的布局设计中,采用DIV+CSS来布局。网站制站中,我们经常要把两个并排显示的div实现一样高的效果,即每列高度(事先并不能确定哪列的高度)的相同,有以下几种方法:[color=#B22222]       1、JS实现(判断2个div高); ...

  • CSS Hack

    CSS Hack [code]height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/[/code]今天学到了一手,效果不错,...

  • 用css完美实现新闻列表标题的截取

    [quote]更新:[code]text-overflow:ellipsis;[/code]可以把截取的最后变成省略号,很不错的功能,在[url=http://www.blueidea.com/bbs/NewsDetail.asp?DaysPrune=0&lp=7&id=1824039]蓝色理想[/url]看到的,记录下,不过MS是IE only,FF也显示为截断,而不显示省略号,比较可惜。(IE6,IE7,FIREFOX亲测)示例:[url=http://www.husw....

  • div+css实现简洁、清晰的新闻列表样式(浮动使日期靠右)

    不需要table,用div+css实现简洁、清晰的新闻列表样式,,适用于动态程序模版生成。效果:[url=http://www.husw.net/blog/attachment/200903/1238463255_18184c7c.html]no-table-news-list-style.html[/url] [color=#B22222]html代码(注意:span一定要放在前面,反之会产生换行,span的右浮动会使它居右.)[/color][code]<div i...

  • CSS:position: absolute、relative 属性详解

    今天在用photoshop CS5 切片工具切图输出DIV+CSS的时候遇到了position: absolute、relative的问题,切出的图总是不能居中,给DIV定义了{ margin:0 auto; } 也无效,其实对CSS中position一直比较含糊,今天仔细看了一下,终于搞清楚了。[b]CSS2.0 HandBook上的解释:[/b] [separator]设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具...

  • CSS布局:Web标准必备小结

    [b]1、必备工具[/b]其实web标准并不是很复杂的技术,实现web标准的工具也很简单,说白了,只要可以进行纯文本编辑的软件,都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器(象我这种懒人有时候就用那玩艺儿直接在线编辑,汗)。而另一些较专业软件会提供高亮显示代码(前面提到的UltraEdit也具有此项功能)、代码提示、自动闭合标签等等功能,使用起来会大大提高工作效率。如DreamWeaver、MS Expression、EditPlu...

  • css默认样式+css压缩

    [color=#008000]css默认样式:[/color][code]body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse; border-spacing:0} fieldset,img{border:0} address,capti...

  • CSS:清除浮动的解决方法

    在用DIV+CSS的时候,经常会用去浮动(float)层来达到DIV模排的效果,如果此时你使用了浮动层排版后,并未清除浮动,又接着写下一个DIV,那么此时你会出现问题:在有些浏览器中由于高度不能自适应而导致你的DIV层重叠。用Firefox看我下面的这个例子,浮动未清除前父DIV的高度是不能自适应P的高度的.[html]div {  width:500px;  border:1px solid red  }p {&n...

第 2 页 , 共 4 页