摘要: # 事件源对象 event.srcElement.tagName event.srcElement.type # 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); # 事件按键 event.keyCode e 阅读全文
posted @ 2016-08-23 20:27 秦雨 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 非IE:article, section, aside, hgroup, nav, header, footer, figure, figcaption {display: block;}IE:<script>document.createElement(‘article’);document.cr 阅读全文
posted @ 2016-08-23 20:26 秦雨 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 单个标签实现分隔线: 点此查看实例展示 .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd; 阅读全文
posted @ 2016-08-23 20:25 秦雨 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 代码如下: <input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech>很赞?Yes! 简短的几个代码就能实现原本多行JS才能实现的完美交互效果,这就是HTML5略窥一点的赞! placeholder是为了设置初始值,并且这个 阅读全文
posted @ 2016-08-23 20:23 秦雨 阅读(753) 评论(0) 推荐(0) 编辑
摘要: 常用:.clear{clear:both;height:0px;overflow:hidden;}>最优浮动闭合方案(这是我们推荐的): .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}. 阅读全文
posted @ 2016-08-23 20:23 秦雨 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 字体样式:Arial;字体大小:12px;行高:1.5倍; 阅读全文
posted @ 2016-08-23 20:20 秦雨 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 一、在样式表开头添加一个注释块,用以描述这个样式表的创建日期、创建者、标记等备注信息。 /**Site: www.daqianduan.com*Author: 浩子*Updated: 2010.5.7*Updated by: raceman*/二、包括公用颜色标记 /*COLORSBody back 阅读全文
posted @ 2016-08-17 13:55 秦雨 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 1、图片不存在的时候,显示一个默认图片 <img src=”01.jpg” onerror=”this.src=’02.jpg'” /> 2、CSS强制图片自适应大小 img {width:expression(this.width>600?”580px”:this.width+”px”);} /* 阅读全文
posted @ 2016-08-17 13:53 秦雨 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 优化你的CSS 所谓高效的CSS就是让浏览器在查找style匹配的元素的时候尽量进行少的查找,下面列出一些我们常见的写CSS犯一些低效错误: 1、不要在ID选择器前使用标签名一般写法:DIV#divBox更好写法:#divBox解释:因为ID选择器是唯一的,加上div反而增加不必要的CSS匹配。2、 阅读全文
posted @ 2016-08-17 13:53 秦雨 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 头:header内 容:container尾:footer导航:nav侧栏:sidebar栏目:column页 面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标 志:logo广告:banner页面主体:main热点:hot新闻:news下 载 阅读全文
posted @ 2016-08-17 13:51 秦雨 阅读(214) 评论(0) 推荐(0) 编辑