首页 新随笔 联系 订阅 管理 个人网站

随笔分类 -  HTML

移动端html5重力感应
摘要：下面是测试案例，只测试过itouch,iphonehttp://06wjin.sinaapp.com/billd/ http://06wjin.sinaapp.com/billd/test.html重力感应主要用到两种事件：1 orientationchange 这个事件在屏幕发生翻转时触发 w... 阅读全文
posted @ 2015-10-27 14:56 __不粘锅 阅读(1872) 评论(0) 推荐(0)
引入css外部样式表
摘要：前言为什么会有这篇文章，外部引入样式有什么好谈的，不外乎就是 就这么简单，还有什么，so easy，我之前都是这么认为的你肯定比我聪明多了~_^，但是当做一个页面在微信上浏览并且修改再浏览的时候我发现不对劲，因为已经上传的样式表木有改变，IOS还好，可以强制刷新页面。但是安卓端这块一直在用微信的... 阅读全文
posted @ 2015-05-24 20:54 __不粘锅 阅读(11319) 评论(0) 推荐(1)
html meta标签属性用法集合
摘要：1、用以说明生成工具（如Microsoft FrontPage 4.0）等；2、向搜索引擎说明你的网页的关键词；3、告诉搜索引擎你的站点的主要内容；4、告诉搜索引擎你的站点的制作的作者；5、其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页... 阅读全文
posted @ 2015-04-24 11:07 __不粘锅 阅读(206) 评论(0) 推荐(0)
DNS预获取（dns-prefetch）
摘要：今天翻看twitter的源码的时候看到了一下内容：查阅了相关资料，知道DNSPrefetch也就是DNS预获取，也是前段优化的一部分。在前段优化中关于DNS的有两点：一是减少DNS的请求次数，第二个就是进行DNS预先获取。DNSPrefetch已经被下面的浏览器支持Firefox:3.5+Chrom... 阅读全文
posted @ 2015-03-26 10:24 __不粘锅 阅读(340) 评论(0) 推荐(0)
鼠标滚轮放大缩小
摘要：练习1 阅读全文
posted @ 2015-01-06 22:13 __不粘锅 阅读(441) 评论(0) 推荐(0)
简单返回顶部代码及注释说明
摘要：最近做了一个排行榜页面，分类较多，并且以图文形式展示......最后页面明显过长了，用户体验自然不够好。最后想着在页面上部增加了页面内跳转导航，直接导航到本页的分类命名锚块。当然这就需要结合“返回顶部”功能来取得更好的体验了。当然一般情况下首先还是要避免页面过长，内容薄弱关联性不够的跳出率会很高。下... 阅读全文
posted @ 2014-11-26 10:22 __不粘锅 阅读(228) 评论(0) 推荐(0)
jq改变DIV中图片的路径
摘要：这是JS改变,但如果有链接就不行了 function checkUrl(){document.getElementById("tem").href='http://www.baidu.com'document.getElementById("mask").firstChild.src='imga... 阅读全文
posted @ 2014-10-14 13:34 __不粘锅 阅读(1082) 评论(0) 推荐(0)
ie7 不兼容overflow:hidden;
摘要：用overflow:hidden; 隐藏不需要显示的数据，在IE6\IE8都显示正常，但是在ie7中就是不起作用，万恶的IE7啊。后来加了一句position:relative; 好了。。。static : 无特殊定位，对象遵循HTML定位规则absolute : 将对象从文档流中拖出，使用le... 阅读全文
posted @ 2014-10-11 13:50 __不粘锅 阅读(236) 评论(0) 推荐(0)
解决div里面img的缝隙问题~
摘要：解决div里面img的缝隙问题图片IMG与容器下边界之间有空隙怎么办？这里介绍3中简单的解决方法。 第一，给图片img标签display:block。 img{display:block} 第二，定义容器里的字体大小为0。 div { width:110px; border:1px so... 阅读全文
posted @ 2014-10-09 22:28 __不粘锅 阅读(243) 评论(0) 推荐(0)
解决div里面img的缝隙问题
摘要：图片IMG与容器下边界之间有空隙怎么办？这里介绍3中简单的解决方法。 第一，给图片img标签display:block。 img{display:block} 第二，定义容器里的字体大小为0。 div { width:110px; border:1px solid #000000; f... 阅读全文
posted @ 2014-10-09 22:24 __不粘锅 阅读(233) 评论(0) 推荐(0)
meta property=og标签含义及作用
摘要：不理解Meta Property=og标签是什么意思，以及对SEO的影响，看一下下面的介绍。Meta Property=og标签是什么呢?og是一种新的HTTP头部标记，即Open Graph Protocol：The Open Graph Protocol enables any web page... 阅读全文
posted @ 2014-08-16 21:10 __不粘锅 阅读(599) 评论(0) 推荐(0)
使用div+iframe实现弹窗及弹出内容无法显示的解决
摘要：使用div+iframe实现弹窗除了使用实际的弹出窗口，还可以使用控制一个div的display属性来模拟一个弹出窗口的操作，这里使用在Div里放一个iFrame的方式，主要考虑到可以在需要的时候加载弹出窗口的内容，减少主窗口的数据量。通是还要考虑的一个问题就是用户在完成一次选择后，当重复打开选择框... 阅读全文
posted @ 2014-07-31 10:23 __不粘锅 阅读(1243) 评论(0) 推荐(0)
怎么在网页中加入ICO图标
摘要：1.首先制作一个16x16的icon图标，命名为cssbbs.ico（这里的名字可以随便改！），放在根目录下。2.然后将下面的代码嵌入head区：如果直接把图标命名为favicon.ico放在网站根目录下，浏览器会自动寻找这个图标，并在网页标题栏中显示。另外想在浏览器的收藏夹里也加入ICO图标的话，... 阅读全文
posted @ 2014-07-05 18:42 __不粘锅 阅读(692) 评论(0) 推荐(0)