Html
关注
分享
扫一扫
文章平均质量分 53
desert3
这个作者很懒，什么都没留下…
展开
-
html area useMap 图片热区
[code="html"]图片Map [/code]shape是rect 矩形的时候，coords对应图片上的左上和右下的坐标shape是circ 圆形的时候，coords对应图片上的圆心坐标和半径长度shape是poly 多边形的时候，coords对应图片上的多变形各个角的坐标...原创 2011-04-29 09:53:09 · 216 阅读 · 0 评论 -
css属性 background
参考：[url]http://www.w3school.com.cn/css/pr_background.asp[/url][b]Background属性[/b]：设置控件的背景属性。background [color=red]简写属性[/color]在一个声明中设置所有的背景属性。可以按顺序设置如下属性：[list][*]background-color[*]back...原创 2012-06-21 14:12:01 · 260 阅读 · 0 评论 -
html中label宽度设置、非替换元素和替换元素
单独对label设置一个width:100px的属性石不起作用的，和[color=red]float:left或者display：inline-block[/color]配合的话 都可以设置上参考：[url=http://desert3.iteye.com/admin/blogs/1562782]css position, display, float 内联元素、块级元素[/url]...原创 2012-07-05 09:02:28 · 225 阅读 · 0 评论 -
UrlEncoder，UrlDecoder， 字符集对Encoder的影响
字符集对Encoder的影响，其实就是字符在不同字符集下编码不同，即使用的字节数不同，而每个字节都用2个16进制的字母在url中表示[color=red](它们之间的关系是，第一个16进制数代表一个字节的前4位，后一个16进制数代表一个字节的后4位！)[/color]相应的我们可以看到，Tomcat中类org.apache.catalina.util.RequestUtil对url进行转码的方...原创 2012-03-02 16:21:15 · 284 阅读 · 0 评论 -
onblur后下一个获取焦点的控件判断、html当前活跃控件、jquery版本查看、jquery查看浏览器版本、setTimeout&setInterval...
[b]需求：[/b]input控件在失去焦点后直接做验证，验证通不过的话，显示相应错误。但是如果失去焦点后点击的下个控件是比较特殊的控件（比如，退出系统），那么不执行验证操作，直接退出系统（防止在系统退出前，还显示验证通不过的错误）。[b]方法1： [/b]通过下述代码在input的onblur事件中取得当前正在活跃（被点击）的控件，然后根据业务来排除特殊控件（）。[color=red...原创 2012-07-13 15:20:36 · 141 阅读 · 0 评论 -
Fiddler常用操作&设置
Fiddler是一个Web调试代理，允许你记录所有电脑和Internet之间的所有http(s)请求，并允许你[color=red]查看、设置断点、以及修改输入和输出的数据[/color]。是一个免费软件，[color=red]能调试所有支持代理的所有应用程序[/color]，如IE，Firefox，Chrome等，同时也支持一些智能设备 如Windows Phone, iPod/iPad等。...原创 2012-03-21 14:07:48 · 304 阅读 · 0 评论 -
HTTP Chunk分块&java.io.IOException: CRLF&missing CR
[b]总结：[/b]HTTP 1.1时，Response要嘛通过Content-Length来指定要传输的内容大小，要嘛通过Transfer-Encoding: chunked来传输动态大小的内容，此时要求Response传输的内容要符合chunk encoding的规定。[color=red]从抓包的角度来说，两个请求如果HTTP 参数（Head和Body）都相同的话，是等价的，不管请求...原创 2012-03-22 10:29:09 · 1651 阅读 · 0 评论 -
使用ajax和history.pushState无刷新改变页面URL onpopstate（转）
[code="javascript"]var htmlData1 = $.ajax( { url: "/getXXXResponse", async: false }).responseText;[/code]转自：[url=http://www.52ladybug.com/?p=202]使用ajax和history.pushSta...原创 2012-04-10 13:20:50 · 204 阅读 · 0 评论 -
CSS3 圆角属性border-radius、边框阴影属性box-shadow、文字阴影text-shadow、文本裁剪省略text-overflow...
[b]相关CSS圆角属性：[/b][b]border-radius[/b]：CSS3标准属性[b]-moz-border-radius[/b]：Firefox用来显示圆角的属性[b]-webkit-border-radius[/b]：Chrome、Safari用来显示圆角的属性[code="html"]/* css圆角属性 */border-radius: 6px;-m...原创 2012-07-31 15:37:21 · 224 阅读 · 0 评论 -
css属性 :after :before content css伪元素
[b]:after[/b]：伪元素在元素之后添加内容。这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。例子：[url]http://www.w3school.com.cn/tiy/t.asp?f=csse_after[/url][code="html"]/* 此样式会在每个 h1 元素之后播放一段...原创 2012-08-01 15:47:14 · 192 阅读 · 0 评论 -
Css样式覆盖顺序
[list][*][b]1，css样式选择器的优先级为[/b]：[color=red]“元素上的style” > “id选择器” > “class类及伪类选择器” > “元素类型及伪类选择器”[/color]。参考：[url=http://www.w3.org/TR/CSS2/cascade.html]CSS2 cascade - 6.4.3 Calculating a selector's ...原创 2012-08-13 16:34:26 · 168 阅读 · 0 评论 -
IE 条件注释（转）
[b]一、条件注释简介[/b][list][*]IE中的条件注释（Conditional comments）对[b]IE版本[/b]和[b]IE、非IE[/b]有优秀的区分能力，是WEB设计中常用的hack方法。[*]条件注释只能用于[color=red]IE5以上[/color][*]如果你安装了多个IE，[color=red]条件注释将会以最高版本的IE[/color]为标准。...原创 2012-08-20 14:20:27 · 128 阅读 · 0 评论 -
IE兼容模式及客户端兼容模式、服务器端兼容模式设置
[b]IE兼容模式：[/b]为了帮助确保网页在将来的 Internet Explorer 版本中具有一致的外观，[color=red]Internet Explorer 8[/color] 引入了文档兼容性。文件兼容性用于定义IE如何渲染网页。[b]怎么查看当前网页在IE下的兼容性模式：[/b]在浏览器中按F12打开IE开发人员工具，在最上方的工具栏中可以看到浏览器模式和文档模式。...原创 2012-08-20 16:24:45 · 378 阅读 · 0 评论 -
css属性 list-style 纵向菜单、横向菜单
参考：[url=http://blog.sina.com.cn/s/blog_682dedf10100jzo8.html]ul li css 做横向菜单[/url]菜单制作步骤：[list][*]1，建立一个无序列表[*]2，隐藏li的默认样式（因为看起来不是很好看，[color=red]菜单通常都不需要li默认的圆点[/color]，我们给UL定义一个样式来消除这些圆点。） ...原创 2012-06-20 09:49:30 · 899 阅读 · 0 评论 -
css属性 text-decoration outline clear overflow text-indent
参考：[url]http://www.w3school.com.cn[/url][b]text-decoration属性[/b]：规定添加到文本的修饰。注释：修饰的颜色由[color=red] "color"[/color] 属性设置。说明：[color=red]这个属性允许对文本设置某种效果，如加下划线、上划线、删除线。[/color]如果后代元素没有自己的装饰，祖先元素上设置的...原创 2012-06-20 09:02:23 · 177 阅读 · 0 评论 -
判断是否IE6，如果是则提示升级浏览器
[code="html"] #ie6-warning{ background:rgb(255,255,225) url("http://dl.iteye.com/upload/attachment/474608/b47ae4df-5c3a-39b4-b620-0de68fa5904a.gif") no-repeat scroll 3px center; ...原创 2011-05-03 17:16:01 · 104 阅读 · 0 评论 -
position relative absolute绝对定位和相对定位（转）
用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。 Position属性有四个值： static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，[color=red]absolute是指绝对定位，即将对象从文档流中拖出[/color]，使用left，right，top，bottom等属性...原创 2011-08-25 10:27:30 · 140 阅读 · 0 评论 -
iframe嵌套访问含Session页面，Session丢失
在网站www.a.com的页面用iframe嵌入www.b.com的页面，由于浏览器默认的安全设置，iframe内的页面的cookie不起作用，导致Session的key：jsessionid无法被获取，最终系统报Session到期的错误临时的业务解决方案：www.a.com访问www.b.com时，直接使用link的href访问，然后在www.b.com画面增加返回www.a.com画面...原创 2011-09-01 16:11:29 · 2604 阅读 · 0 评论 -
Frameset rows动态控制
[code="html"] 对不起，您的浏览器不支持框架 [/code]子页面[code="javascript"] var mainFrameset = top.document.getElementById("mainFrameset"); if (subTagClass == 'four') { mai...原创 2011-05-31 15:11:45 · 268 阅读 · 0 评论 -
把一个透明的png图片叠加在另外一个图片的右下角
[code="html"] [/code][img]http://dl.iteye.com/upload/attachment/0050/7677/18fb2dc0-71...原创 2011-06-30 14:47:19 · 1091 阅读 · 1 评论 -
history.back，Firefox 必须发送将会导致重复之前动作的数据（例如搜索或者下订单）。...
Firefox插件Web Developer，禁用了缓存当使用history.back返回一个submit过的画面时，由于上述画面的缓存被插件禁用，因此浏览器需要重新去后台访问画面。Firefox浏览器基于安全性的考虑当检测到一个画面被重复提交2次时就会提示【要显示此页面， Firefox 必须发送将会导致重复之前动作的数据（例如搜索或者下订单）。】移除Web Develope...原创 2011-10-11 10:32:55 · 1144 阅读 · 1 评论 -
html居中（table，div，文字）
table表格居中显示（相对于包含它的控件） align:centerdiv整个居中显示（相对于包含它的控件） margin: 0 auto;文字居中显示 text-align: center;原创 2011-08-03 15:28:55 · 129 阅读 · 0 评论 -
html 动态添加上传文件控件
[code="html"]// 隐藏的，用来动态增加控件时复制用的 // 显示的+按钮，该按钮用来动态增加HTML控件 [/code][code="javascript"]// +按钮的javascr...原创 2011-08-10 13:58:27 · 421 阅读 · 0 评论 -
HTTP Cookie构成及特殊属性
Set-Cookie: name=value; [expires=date]; [path=path];[domain=domainname]; [Secure];[HttpOnly] domain, path: Cookie的可访问范围expires:设置Cookie存活的时间，默认情况下，用户关闭浏览器则Cookie自动删除，如果没有设置Cookie失效的时间，那么用户关闭浏...原创 2012-02-08 15:44:02 · 79 阅读 · 0 评论 -
jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position属
[color=blue]定位应用：点击一个按钮，然后在按钮的右边弹出一个提示框[/color]1，提示框相对于屏幕进行定位，那么使用offset来取得当前按钮相对于body的top和left，然后通过$('body').prepend(tipContent);把提示控件加到body下注意[color=red]tipContent采用absolute定位[/color]，并设置top，lef...原创 2012-06-16 10:17:18 · 121 阅读 · 0 评论 -
css position, display, float 内联元素、块级元素
参考：[url=http://desert3.iteye.com/admin/blogs/1561965]jQuery offset，position，offsetParent，scrollLeft，scrollTop html控件定位 css position属 [/url][b]position属性[/b]：position属性指出一个元素的定位方法。有4种可能值：static, re...原创 2012-06-18 10:16:02 · 138 阅读 · 0 评论 -
pageX, pageY, screenX, screenY, clientX, clientY
pageX, pageY, screenX, screenY, clientX and clientY表示从[color=red]一个点到另外一个引用点的像素值。都是event事件的属性。[/color]事件点就是用户点击在屏幕上面的点，引用点是一个在左上位置的点。这些方法返回事件点到引用点直接的水平、垂直距离。[b]pageX and pageY[/b]:相对于[color=red]...原创 2012-06-18 11:03:27 · 154 阅读 · 0 评论 -
CSS link、@import、media type、media query
[b]CSS link、@import共同点：[/b]都是为了加载CSS文件。[b]CSS link、@import不同点：[/b][list][*]Link属于XHTML标签，而@import完全是CSS提供的一种方式。link除了可以加载CSS外，还可以做很多其它的事情，比如[b]定义RSS，定义rel连接属性[/b]等，@import就只能加载CSS了。[*]@impor...原创 2012-08-22 10:42:52 · 233 阅读 · 0 评论