HTML
文章平均质量分 54
liguo9860
这个作者很懒,什么都没留下…
展开
-
CSS实现完美垂直居中
之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。 首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可以转载 2014-12-20 18:17:00 · 759 阅读 · 0 评论 -
Base64 Encode 1x1px透明GIF图片
Base64 Encode 1x1px透明GIF图片能干什么?这种图片的特征就是体积最小化,最大限度的减少带宽。而且是透明的,具有隐身作用。用到的场景很多,比如测试浏览器是否支持data URI技术,或用来做一个透明的浮动层,或在lazy load图片时用它来做占位符。 下面就是Base64 Encode 1x1px透明GIF图片的data URI数据,有一天你会用到它们。 透明图片转载 2016-12-01 17:06:23 · 1914 阅读 · 0 评论 -
图片与文字水平对齐
1、使用vertical-align属性 css: .div1 * { vertical-align:middle; } .div1 img { width:16px; height:16px; }html: 这是需要对齐的文本 通过设置子元素的vertical-align:middle让图片与文字对齐。 2、使用css的:before选原创 2016-07-03 18:21:24 · 5446 阅读 · 1 评论 -
使用css实现等宽列
基于float布局 css样式: .layout1 li { float:left; border:0; width:25%; } html: first cell... secondcell third cell. the fourth cell 使用float实现等宽列时,ul元素的高度为0,因为float是使用悬浮的方式实现原创 2016-07-01 18:50:01 · 6260 阅读 · 0 评论 -
IE8及以下IE浏览器支持canvas效果
下载文件:html5.js和excanvas.js。 在页面的head标签中添加以下代码: 这个是为了让IE8及以下IE浏览器认识h5新增的标签。 在页面的body标签下面添加以下代码: ... 把这个js脚本添加到最下面,是防止页面未加载完成页面就开始执行脚本。我刚开始把这个excanvas.js脚本放到head标签里引用,结果原创 2015-11-13 16:47:22 · 7508 阅读 · 1 评论 -
JS只能输入数字,数字和字母等的正则表达式
JS判断只能是数字和小数点 0.不能输入中文 1) 2) function chkIt(frm){ if (frm.n1.value.length>0&&frm.n1.value.match(/[\x01-\xFF]*/)==false){ alert('n1不能输入中文!') frm.n1.focus(); return false; } }转载 2015-07-15 09:51:58 · 2481 阅读 · 0 评论 -
从客户端检测到有潜在危险的Request.Form值
asp.net开发中,经常遇到“从客户端检测到有潜在危险的Request.Form 值”错误提示,很多人给出的解决方案是: 1、web.config文档后面加入这一句: 示例: 2、在*.aspx文档头的page中加入validaterequest="false",示例如下: 其实这样做是不正确的,会给程序安全带来风险。 ASP.转载 2015-05-25 18:00:14 · 626 阅读 · 0 评论 -
一个表示可有可无的正则表达式
看的论坛上一个问题: http://bbs.csdn.net/topics/300114051 @"(?six) # (?s)=点号匹配一切字符,(?i)=不区分大小写,(?x)=宽松排列格式 (?: # 下述字符 ""[^""]*"转载 2015-06-08 23:30:08 · 20928 阅读 · 1 评论 -
远程服务器返回错误: (403) 已禁止。
在IIS上部署网站在登录时出现 远程服务器返回错误: (403) 已禁止。错误是因为 iis 中文档标签页未添加index.html和index.aspx造成的。原创 2015-03-19 15:44:31 · 12008 阅读 · 0 评论 -
CSS3原生实现淡入淡出效果
淡入淡出效果 #targetDiv { width: 150px; height:200px; text-align:center; padding-top:80px; background: #8a8a8a; color: #fff; positio原创 2017-02-23 17:36:02 · 31666 阅读 · 0 评论