文章分类 -  Html5+CSS3

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

上一页 1 2 3 4 5 6 7 8 9 10 ··· 13 下一页