2016年8月23日
细线边框
摘要： 1，首先想到的方法是做一张高2像素（1像素有颜色1像素没颜色）的图片做背景，bg-size设置宽100%，高1px .line li{ background: url('line.png') left top no-repeat; background-size: 100% 1px; backgro 阅读全文
posted @ 2016-08-23 20:31 秦雨 阅读(243) 评论(0) 推荐(0) 编辑
PC-JS小技巧
摘要： # 事件源对象 event.srcElement.tagName event.srcElement.type # 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); # 事件按键 event.keyCode e 阅读全文
posted @ 2016-08-23 20:27 秦雨 阅读(323) 评论(0) 推荐(0) 编辑
PC-CSS-多浏览器支持HTML5
摘要： 非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) 编辑
PC-CSS-分隔线
摘要： 单个标签实现分隔线： 点此查看实例展示 .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) 编辑
PC-HTML5-搜索框
摘要： 代码如下： <input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech>很赞？Yes！ 简短的几个代码就能实现原本多行JS才能实现的完美交互效果，这就是HTML5略窥一点的赞！ placeholder是为了设置初始值，并且这个 阅读全文
posted @ 2016-08-23 20:23 秦雨 阅读(753) 评论(0) 推荐(0) 编辑
PC-常见问题-清除浮动
摘要： 常用：.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) 编辑
PC-CSS-默认字体样式
摘要： 字体样式：Arial；字体大小：12px;行高：1.5倍； 阅读全文
posted @ 2016-08-23 20:20 秦雨 阅读(445) 评论(0) 推荐(0) 编辑