图片外框特征参数:①dashed:虚线②dotted:点虚线③solid:实线④double:双线⑤groove:沟槽状⑥ridge:脊状⑦inset:内嵌⑧outset:外嵌CSSTP特殊效果风格属性①灰/黑:Gray/Xray②差值:Invert③水平:Fliph④垂直:Flipv⑤羽化:Alpha(Opacity=100,Style=2)⑥透明度:Alpha(Opacity=33,Style=0)⑦模糊:Blur(Add=1,Direction=45,Strength=180)⑧雕刻:progidXImageTransform.Microsoft.Emboss()⑨水波纹:Wave(Ad...
http://www.jb51.net//article/15735.htm
这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分,暂时总结了10条。1、*{}#jb51*{}尽量避开由于不同浏览器对HTML标签的解释有差异,所以最终的网页效果在不同的浏览器中可能是不一样的,为了消除这方面的风险,设计者通常会在CSS的一个始就把所有标签的默认属性全部去除,以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签;*{margin:0;padding:0}如果这样写,页面中所有的标签的margin全是0;padding也是0;#jb51*{margin:0;padding:0}如果这样写,在id等于jb51下边的所有标签的margin全是0;pad...
http://www.jb51.net//article/15725.htm
文本两端对齐:[code]text-align:justify;text-justify:inter-ideograph;[/code]清除浮动:[code].clear{clear:both;line-height:0;height:0;font-size:0;}[/code]清除浮动伪类:[code].clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}[/code]设置不让单词断开[code]word-break:keep-all[/code]字符自动换行[code]word-br...
http://www.jb51.net//article/15686.htm
在介绍ensure内部的实现之前,让我们先来看看其功能:ensure({html:"popup.html",javascript:"popup.js",css:"popup.css"},function(){Popup.show("helloworld");});在这段代码中,ensure首先会确保popup.html、popup.js、popup.css这3个文件的加载,如果都没加载过ensure就会动态加载它们;如果已经加载过了,ensure不会再次加载。在确保这3个文件都加载后,ensure会调用后面的匿名函数,也就是执行Popup.show("helloworld");。接下来,就让我...
http://www.jb51.net//article/15659.htm
更加坏的事情是,即使你仅仅针对IE设计,不考虑其它浏览器,由于IE模型绝对可以说是一只让人难以捉摸其脾气的怪物,所以你单纯为IE设计也会遇到众多难题,发现很多的效果总是绕来绕去都难以实现。我们都知道,XHTML+CSS的目标就是实现内容与表现分离,理论上对于任何特定一份内容,我们都可以通过CSS实现任何我们想要的表现形式,或者细致地说是布局形式。虽然现实与这个目标有一定差距,但是CSS已经能够满足大多数常见的布局需求,这有CSSZenGarden为证。然而如果你用的是IE,因为它难以捉摸,所以如果你想用一种简单优雅的CSS去让IE能够实现“任何你想要的布局形式”,那是不可能的,只有复杂繁缛的C...
http://www.jb51.net//article/15658.htm
但是 也不是很可靠,比如空格间距非常大,那么我们必须增加多个占位符,同时页面的体积会变得非常大。同时,注意到Safari中的 宽度是已设定字符的空格宽度(Safari的默认字体为Times),也就是说一个中文字符需要两个占位符。具体情况如下图所示:其实,这不是Safari的问题,而是字体的问题。解决的方式就是使用下面的属性font-family:'宋体';将Safari的默认字体设置成“宋体”等中英文等宽的字体,就能解决。Windows版本的Safari字体设置,需要直接使用中文“宋体”这样的名称而不是“Simsun”(了解原因的兄弟请告诉我)。但至此,我们...
http://www.jb51.net//article/15654.htm
XHTML标准的目标是取代html。按照W3C的说法,“XHTML是html的继承者”(http://www.w3.org/MarkUp/)。XHTML具有两大目标:在文档结构和表示形式之间创建更明显的分离。将html重新表示为XML的应用程序。使用XHTML标准的好处是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,页面在InternetExplorer、MozillaFirefox、NetscapeNavigator、Opera、Camino和Safari)中以相同的方式显示,而无需完成任何额外的工作。并且XHTML标准可以使Web站...
http://www.jb51.net//article/15648.htm
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是IE6只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了expression,但是利用了一次加载,所以expression不会造成内存泄漏。当然,如果你有更好的解决方案,希望能与我交流。代码如下:.Image{max-width:600px;height:auto;cursor:pointer;border:1pxdashed#4E6973;padding:3px;zoom:expression(function(elm){if(elm.width>560){var...
http://www.jb51.net//article/15645.htm
当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的:<inputtype="text"/>文本框<inputtype="password"/>密码框<inputtype="submit"/>提交按钮<inputtype="reset"/>重置按钮<inputtype="radio"/>单选框<inputtype="checkbox...
http://www.jb51.net//article/15644.htm
加上鼠标点击选择(其实只是点击后变个颜色,“选择”这个词在这里不合适),顺便把这个直接应用到GridView上,如果是其他的控件,或者直接的HTML,稍加修改也可以用上,这里仅提供一个思路。虽然GridView使用AlternatingRowStyle提供了交替行背景色的问题,但这个东西用着实在不爽,看它生成到HTML的那个table,那叫一个乱啊。下面是代码,注释应该还算比较详细,比较适合初学者,可以把下面两个文件的代码直接复制到你的项目中直接执行。最下面有文件的下载地址,也可以直接下载后运行,代码在IE7,IE8,Firefox2,Firefox3下测试通过,有任何问题,请在下面留言,我将...
http://www.jb51.net//article/15640.htm
一、先看看在网页中经常出现的按钮与文本框的本来面目吧! 对照上图,我们怎么样才能改变文本框与按钮的模样呢?那在下面我为大家提供两种文本框与按钮样式作为例子参考,第一种是文本框与按钮无立体感,只是有线 条颜色与填充颜色的,这种效果大家可能在很多网站上都看见过,给人一种特别的感觉,很不错的,第二种效果就比较特殊了,是将文本框做成一种类似于下划线的 效果并且是彩色的,同时按钮的背景色也不再是灰色,而是彩色的,可以说这是一种非常酷的效果,好了,下面我就来说说这两种效果实现的详细操作步骤吧。二、无立体效果的文本框与按钮 那我们就通过在DW3中网页的编辑操作为例来进行说明,首先我们...
http://www.jb51.net//article/15601.htm
