文章分类 -  Html+css

上一页 1 ··· 4 5 6 7 8 9 下一页
HTML5 离线存储实战之manifest（附缓存整个文件夹的方法）
摘要：最近做了一个应用，想要在高级浏览器下离线存储图片以及样式，遂用到了html5的manifest，其中遇到不少问题，写下来总结一下。demo:http://blog.jnecw.com/demo/id_00012/2.html首先就是要声明manifest的mime类型，apache下可以在httpd... 阅读全文
posted @ 2015-02-03 17:33 Shimily 阅读(4602) 评论(0) 推荐(0)
离线缓存技术--html5
摘要：html5 离线缓存 测试案例链接：http://i.cnblogs.com/Files.aspx html5通过application cache API提供离线存储功能,前提是需要访问的web页面至少被在线访问过一次 一、离线本地存储和传统的浏览器缓存区别 浏览器缓存主要包含两类： 缓存协商：L 阅读全文
posted @ 2015-02-03 17:03 Shimily 阅读(962) 评论(0) 推荐(0)
【【2014年最新web前端开发面试题目】】
摘要：2014年最新web前端开发面试题发布于 2014-09-25 17:23:21 | 887 次阅读 | 评论: 1 | 来源: 网友投递http://www.phperz.com/article/14/0925/25668.html#html本文是一份非常不错的2014年web前端开发工程师的面试... 阅读全文
posted @ 2015-01-29 10:27 Shimily 阅读(528) 评论(2) 推荐(0)
页面重构技能-Javascript、CSS篇
摘要：About JS、CSSCSS：样式表置于顶部避免CSS表达式使用外部JS、CSS削减JS、CSS ，@import避免滤镜JS：脚本置于底部使用外部JS、CSS削减JS、CSS不用重复脚本减少访问和操作DOM事件委托1、样式表置顶，Why？浏览器渲染页面都是自上而下的渲染，当在里遇到或是时候会阻塞... 阅读全文
posted @ 2015-01-29 10:17 Shimily 阅读(161) 评论(0) 推荐(0)
什么是CSS hack
摘要：CSS hack:区分IE6，IE7，firefox区别不同浏览器，CSS hack写法： 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue;　... 阅读全文
posted @ 2015-01-29 10:02 Shimily 阅读(111) 评论(0) 推荐(0)
Less （一种动态样式语言）
摘要：Less （一种动态样式语言）。LESS是一种由Alexis Sellier设计的动态层叠样式表语言，受Sass所影响，同时也影响了 Sass的新语法：SCSS。 LESS是开源的，其第一个版本由Ruby写成，但在后续的版本当中，Ruby逐渐被替换为JavaScript。受益于JavaScript，... 阅读全文
posted @ 2015-01-22 11:10 Shimily 阅读(418) 评论(0) 推荐(0)
【图片预加载】ImgLoaded★★★★★★★★★★★★
摘要：*************************************************************第一种方法：（可以计算加载图片的数量）css样式：/*图片预加载*/.ImgLoading{ position:absolute; width:100%; height:100%... 阅读全文
posted @ 2015-01-13 09:42 Shimily 阅读(370) 评论(0) 推荐(0)
css3 反弹 动画效果★
摘要：#four{transition:all 2s cubic-bezier(0.2,-1,0.8,1);} //cubic-bezier(0.2,-1,0.8,1);#four:hover{ width:500px;} 阅读全文
posted @ 2015-01-12 13:06 Shimily 阅读(328) 评论(0) 推荐(0)
背景半透明【半透明】 问题解决方法★★ background:rgba filter:Alpha
摘要：一、利用CSS和opacity属性 二、 火狐我们直接用rgba颜色就可以解决子标签跟着半透明的问题了，但是ie还不是能很好的支持。 所以我们给不想被透明的标签设置一个定位属性，问题接能解决了。 阅读全文
posted @ 2015-01-07 10:32 Shimily 阅读(956) 评论(0) 推荐(0)
常用meta整理
摘要：概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。 —— W3School必要属性属性值描述contentsome text定义与http-equiv或name属性相关的元信息可选属... 阅读全文
posted @ 2014-12-27 16:22 Shimily 阅读(121) 评论(0) 推荐(0)
css3 动画库 --- WOW.js
摘要：http://www.dowebok.com/131.html有的页面在向下滚动的时候，有些元素会产生细小的动画效果。虽然动画比较小，但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面（查看）。如果你希望你的页面也更加有趣，那么你可以试试 WOW.js。 阅读全文
posted @ 2014-12-27 15:09 Shimily 阅读(334) 评论(0) 推荐(0)
限制input输入类型(多种方法实现)
摘要：限制input输入类型在日常工作中很常见，各种各样，不过也大同小异，本文整理了一些，感兴趣的朋友可以参考下哈，希望可以帮助到你1.只能输入和粘贴汉字3.只能输入和粘贴数字5.数字脚本6.只能输入数字和英文8.简易禁止输入汉字输入法不转换，但可粘贴上9.输入数字和小数点10.只能数字和"-",例如在输... 阅读全文
posted @ 2014-12-24 15:28 Shimily 阅读(869) 评论(0) 推荐(1)
推荐几款制作网页滚动动画的 JavaScript 库【炫酷】
摘要：http://www.cnblogs.com/lhb25/p/page-scrolling-effects-plugins.html这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中，有的可以帮助你在页面滚动的时候添加动感的元素动画，有的则是实现目前非常流行的全屏页面切换... 阅读全文
posted @ 2014-12-21 23:27 Shimily 阅读(708) 评论(0) 推荐(0)
24款非常实用的CSS3工具终极收藏
摘要：推荐10个很棒的CSS3开发工具分享50个 CSS3 最佳应用示例24款非常实用的CSS3工具终极收藏推荐12个漂亮的CSS3按钮实现方案使用CSS3可以实现的五种很酷很炫的效果 对于Web设计和开发人员来说，CSS是非常重要的一部分，随着越来越多的浏览器对CSS3的支持及不断完善，设计师和开发者... 阅读全文
posted @ 2014-12-09 10:12 Shimily 阅读(116) 评论(0) 推荐(0)
css3自动检测屏幕 【实现响应式设计】
摘要：例如： 样式会在可视区域的宽度小于 600px 的时候被应用http://www.cnblogs.com/lhb25/archive/2012/12/04/css3-media-queries.html看下这个在线演示，调整你的浏览器窗口尺寸，看看它的变化。Max Width下面的样式会在可视区域的... 阅读全文
posted @ 2014-12-09 10:06 Shimily 阅读(367) 评论(0) 推荐(0)
图片或层模糊效果
摘要：.gallery:hover li:not(:hover){ -webkit-filter: blur(2px) grayscale(0); -moz-filter: blur(2px) grayscale(0); -o-filter:... 阅读全文
posted @ 2014-12-04 16:45 Shimily 阅读(156) 评论(0) 推荐(0)
CSS垂直居中解决方案
摘要：http://www.cnblogs.com/hhstuhacker/p/css-centered-solution.html问题场景应用的地方比较普遍，这里有两个赤裸裸的栗子：也有很多流行的方案，这里只针对各种方案的适用场景来做一些分析问题抽象其实，垂直居中问题可以简化成这样：一个容器HTML元素... 阅读全文
posted @ 2014-12-03 09:37 Shimily 阅读(167) 评论(0) 推荐(0)
HTML5表单
摘要：http://www.cnblogs.com/xiyangbaixue/archive/2014/11/26/4118419.html摘要： HTML5又增加了许多新的表单输入类型，不在仅仅是文本输入框。它让表单更丰富多彩了，下面是一个表单样表从图中可以看出，表单样式更加多样，而且支持验证，实现了... 阅读全文
posted @ 2014-11-27 13:00 Shimily 阅读(138) 评论(0) 推荐(0)
必须记住的 30 类 CSS 选择器
摘要：大概大家读知道`id`,`class`以及`descendant`选择器，并且整体都在使用它们，那么你正在错误拥有更大级别的灵活性的选择方式。这篇文章里面提到的大部分选择器都是在CSS3标准下的，所以它们只能在相应最新版本的浏览器中才能生效，你完全应该把这些都记在你聪明的脑袋里面。 1. * ... 阅读全文
posted @ 2014-11-20 09:48 Shimily 阅读(153) 评论(0) 推荐(0)
js 、 css 判断是否为IE，firefox等浏览器
摘要：JS 判断：var _uat=navigator.userAgent;if(_uat.indexOf("MSIE 6.0")>0) alert("ie6");else if(_uat.indexOf("MSIE 7.0")>0) alert("ie7");else if(_uat.indexOf("... 阅读全文
posted @ 2014-11-15 13:09 Shimily 阅读(959) 评论(0) 推荐(0)

上一页 1 ··· 4 5 6 7 8 9 下一页