文章分类 - Html5+CSS3
摘要：/*彈窗*/ .Dialog-bg{ background-color: #000; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 200; } .Dialog{ background: #f3f6f...
阅读全文
摘要：首先要有个容器，并设置display:flex;display:-webkit-flex;该容器有以下六个属性： 项目的属性： 1.flex-direction 2.flex-wrap 3.flex-flow，是flex-direction和flex-wrap的简写形式。 4.justify-con
阅读全文
摘要：Document 我来测试一下这个文字截断是不是真的有效果
阅读全文
摘要：源码下载 http://files.cnblogs.com/files/shimily/jquery-pretty-radio-checkbox.rar
阅读全文
摘要：通过给最外层添加绝对定位和translate(-50%,-50%) scale（ratio）来实现居中且适度缩放。
阅读全文
摘要：-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效，是IE9/10的hack
阅读全文
摘要：为了在移动端实现0.5像素的实线，以下是个人实践结果 1.通过background-image的渐变效果linear-gradient实现： 效果图： 2.通过border-image的边框背景图实现 效果图： 0.5像素下边框
阅读全文
摘要：新版本简介 新版本的Flexbox模型是2012年9月提出的工作草案，这个草案是由W3C 推出的最新语法。这个版本立志于指定标准，让新式的浏览器全面兼容，在未来浏览器的更新换代中实现统一。 这里我们还是继续上一篇博客中的例子，使用最新版本的flex布局来实现相同的效果。 html代码： 基础的css
阅读全文
摘要：从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数： properties：一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选)：
阅读全文
摘要：方法一： 此方法，一定要在服务器环境下访问，才会生效。 http://files.cnblogs.com/files/shimily/less.js http://files.cnblogs.com/files/shimily/less.min.js 方法二： 在线编辑器进行less转换成css h
阅读全文
摘要：http://blog.koalite.com/bbg/
阅读全文
摘要：在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
阅读全文
摘要：http://my.oschina.net/tearlight/blog/351244 第一、获取影片总时长 对播放器（video）操作，首先要得到的是影片的一些信息，其中一个就是总时长，除了内容以为，总时长也是第一时间要显示的。在对video进行操作的的前先给video标签添加一个ID，这样方便我
阅读全文
摘要：<video src="media/v.mp4" id="video" poster="images/video.jpg" preload width="100%" controls webkit-playsinline></video> 这样可以禁止视频在ios设备中自动全屏播放。
阅读全文
摘要：.up{position:absolute;left:0;right:0;bottom:10px;width:56px;height:62px;margin:auto;display:none;z-index:1000} .ups{width:56px;height:62px;background:url(../images/up.png) no-repeat;background-size...
阅读全文
摘要：css3在不同型号手机浏览器上的兼容: 对于webkit内核的浏览器, 除media、text-shadow外，使用其它属性基本上要加上webkit前缀. gradient在低版本的系统中渲染效果不丰富 ios3.2~4.3不支持position:fixed，不推荐使用 android2.1~2.3
阅读全文
摘要： 目前，对 HTML5 和 CSS3 支持最好的是 Chrome 和 Safari ， Firefox 和 Opera 次之，IE9 开始拥抱标准。 一、CSS3 属性 从表中可以看出，除了 Overflow Scrolling 还没有浏览器支持之外，其它属性在 Windows 平台，Chrome
阅读全文
摘要：body{background: #fafafa; color: #626262;-webkit-font-smoothing: antialiased; font-smoothing: antialiased; }div,img{-webkit-outline:1px solid transpar...
阅读全文
摘要：屏幕旋转的事件和样式1.事件 window.orientation，取值：正负90表示横屏模式、0和180表现为竖屏模式； window.onorientationchange = function(){ switch(window.orientation){ case -90: ...
阅读全文
摘要：移动端web开发技巧热度 25已有 1439 次阅读2015-11-13 15:53 |系统分类:HTML/CSSMETA相关1. 添加到主屏后的标题（IOS）2. 启用 WebApp 全屏模式（IOS）3. 百度禁止转码通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非...
阅读全文
浙公网安备 33010602011771号