文章分类 -  Html5+CSS3

上一页 1 2 3 4 5 6 ··· 13 下一页
摘要:1.应用场景 左侧一个导航栏宽度固定,右侧内容根据用户浏览器窗口宽度进行自适应 2.思路 首先把这个问题分步解决,需要攻克以下两点: 1)让两个div并排到一行 2)让一个div宽度固定,另个div占据剩下宽度的空间 关于第一点,首先要明确,div属于块级元素,在文档标准流中单独占据一行。要想多个d 阅读全文
posted @ 2020-01-16 17:11 Shimily 阅读(573) 评论(0) 推荐(0)
摘要:做这个布局有两个要点: 1。第二个div要清除浮动 2.考虑到IE6经常出现的三像素文本慢移,所以用IE6可识别的*做hack. 转载于:https://blog.csdn.net/di84186/article/details/102401922 阅读全文
posted @ 2020-01-16 16:49 Shimily 阅读(825) 评论(0) 推荐(0)
摘要:mcake-详情页-口味布局 口感: 是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京了时代峻峰是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京了时代峻峰是垃圾福利圣诞节放老家收到了收代理费教练说的交房了是杜绝浪费就送董老赴京... 阅读全文
posted @ 2020-01-16 16:46 Shimily 阅读(255) 评论(0) 推荐(0)
摘要:解决方案,可以通过点击事件来聚焦 阅读全文
posted @ 2020-01-14 14:52 Shimily 阅读(381) 评论(0) 推荐(0)
摘要:解决办法: -webkit-tap-highlight-color:rgba(0,0,0,0); 阅读全文
posted @ 2020-01-14 14:09 Shimily 阅读(208) 评论(0) 推荐(0)
摘要:box-shadow: 10px 10px 5px #888888; box-shadow:px2rem(5) px2rem(20) px2rem(20) #921613; 阅读全文
posted @ 2019-12-20 16:50 Shimily 阅读(83) 评论(0) 推荐(0)
摘要:下载地址:https://files.cnblogs.com/files/shimily/snow-mcake-Pc%E7%AB%AF.zip 阅读全文
posted @ 2019-12-20 11:51 Shimily 阅读(148) 评论(0) 推荐(0)
摘要:所涉及的图片如下 阅读全文
posted @ 2019-12-20 11:30 Shimily 阅读(1117) 评论(0) 推荐(0)
摘要:html css js 文件地址:https://files.cnblogs.com/files/shimily/%E5%88%AE%E5%88%AE%E5%8D%A1-%E6%94%AF%E6%8C%81%E5%A4%9A%E4%B8%AA-wap%E7%AB%AF.zip 阅读全文
posted @ 2019-12-13 16:23 Shimily 阅读(197) 评论(0) 推荐(0)
摘要:function AudioPerform() { var ua = navigator.userAgent.toLowerCase(); var audiopath = "$!{TempletPath}images/ring.wav"; if (ua.match(/msie ([\d.]+)/)) { ... 阅读全文
posted @ 2019-11-25 14:11 Shimily 阅读(754) 评论(0) 推荐(0)
摘要:需要调用jweixin-1.0.0.js 下载地址:http://res.wx.qq.com/open/js/jweixin-1.0.0.js 音乐按钮控制播放: 阅读全文
posted @ 2019-11-25 13:24 Shimily 阅读(1524) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/cmy1996/p/9129307.html 动画效果 效果分析 当鼠标滑过包含块时,元素整体翻转180度,以实现“正”“反”面的切换。 HTML分析 分析:.container,.flip为了实现动画效果做准备。.front,.back各包裹一张图片 阅读全文
posted @ 2019-10-16 13:43 Shimily 阅读(5930) 评论(0) 推荐(0)
摘要:各个属性的参考如下:controls="controls"x5-playsinline=""playsinline="true"webkit-playsinline="true"x-webkit-airplay="true"x5-video-player-type="h5"x5-video-play 阅读全文
posted @ 2019-09-27 09:34 Shimily 阅读(5559) 评论(0) 推荐(0)
摘要:<video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="t 阅读全文
posted @ 2019-09-27 09:27 Shimily 阅读(525) 评论(0) 推荐(0)
摘要:TweenJS类库主要用来调整和动画HTML5和Javascript属性,提供了简单并且强大的tweening接口。 http://www.createjs.cc/tweenjs/ http://www.createjs.cc/ CreateJS是基于HTML5开发的一套模块化的库和工具。基于这些库 阅读全文
posted @ 2019-08-11 19:28 Shimily 阅读(401) 评论(0) 推荐(0)
摘要:解决方案: 结合行高、对齐的关系并结合伪元素,添加伪类::after 原文参考:https://blog.csdn.net/qq_17030685/article/details/83350766 阅读全文
posted @ 2019-07-30 11:13 Shimily 阅读(578) 评论(0) 推荐(0)
摘要:1. z-index只有在设置了position为relative,absolute,fixed时才会有效。 2. z-index的“从父原则”。当你发现把z-index设的多大都没用时,看看其父元素是否设置了有效的z-index,当然别忘了先看看自身是否设置了position。 作为一个假的前端, 阅读全文
posted @ 2019-07-09 18:00 Shimily 阅读(7823) 评论(0) 推荐(1)
摘要:position:fixed是对于浏览器窗口定位的,要实现相当于父元素定位,可以这样:不设置fixed元素的top,bottom,left,right,只设置margin来实现。 这种方法本质上fixed元素还是相当于窗口定位的,但是实现效果上是相对于父元素定位。 此外,position:fixed 阅读全文
posted @ 2019-07-09 17:58 Shimily 阅读(791) 评论(0) 推荐(0)
摘要:经常在做一个页面的时候,希望一个元素不希望随着滚动条的滚动而动,这个时候就要用到fixed了 但是又不希望它根据整个窗口的左右两边定位(因为如果分辨率变小了,它与中间页面的距离就会变了) 希望达到的效果如下图所示 解决方法:只需要使用margin定位就可以了 如图,最先开始使用left,right进 阅读全文
posted @ 2019-07-09 17:52 Shimily 阅读(3629) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 ··· 13 下一页