博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  Html

基于javascript 上传

摘要：input file 美化+添加图片 阅读全文

posted @ 2012-11-08 22:18 峰雪 阅读(160) 评论(0) 推荐(0)

IE7 li中内容浮动，li之间产生空隙

摘要：IE7（IE6未测试） li中内容浮动，li之间产生空隙解决办法：给li的样式添加上 vertical-align:middle 阅读全文

posted @ 2012-04-23 13:47 峰雪 阅读(260) 评论(0) 推荐(0)

Http状态

摘要：1xx 状态码表示临时响应并需要请求者继续执行操作的状态码。100（继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换。2xx 状态码表示成功处理了请求的状态码。200（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。如果针对您的 robots.txt 文件显示此状态码，则表示 Googlebot 已成功检索到该文件。201（已创建）请求成功并且服务器创建了新的资源。202（已接受）服务器已接受请求，但尚未处理。203（非授权信息）服务器已成功处理了请求，但返回的信息可 阅读全文

posted @ 2012-03-19 20:40 峰雪 阅读(208) 评论(0) 推荐(0)

CSS3 Transitions, Transforms和Animation使用简介与应用展示

摘要：一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云， 禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾 下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到一起了，这样，至少一年半载内不会再写相关的文章了。CSS3动画相关的几个属性是：transition, transform, animation；我分别理解为过渡，变换，动画。虽意义相近，但具体角色不一。就像 阅读全文

posted @ 2012-02-24 13:32 峰雪 阅读(679) 评论(0) 推荐(1)

CSS样式表的权限和级别

摘要：CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，最后以 Specificity 的高低判断 CSS 的优先权。Specificity 具体的计算规则：元素的 style 样式属性，加 1,0,0,0。每个 ID 选择符（#id），加 0,1,0,0。每个 class 选择符（.class）、每个属性选择符（例 [attr=”"] ）、每个伪类（例 :hover），加 0,0,1,0。每个元素或伪元素（例 :firstchild）等，加 0,0,0,1。其他选择符（例 全局选择符 *，子选择符 阅读全文

posted @ 2012-02-24 12:06 峰雪 阅读(6163) 评论(1) 推荐(0)

字体系列及 css中的font设置

摘要：CSS 定义了 5 种通用字体系列Serif 字体Sans-serif 字体Monospace 字体Cursive 字体Fantasy 字体Serif 字体这些字体成比例，而且有上下短线。如果字体中的所有字符根据其不同大小有不同的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不同。上下短线是每个字符笔划末端的装饰，比如小写 l 顶部和底部的短线，或大写 A 两条腿底部的短线。Serif 字体的例子包括 Times、Georgia 和 New Century Schoolbook。Sans-serif 字体这些字体是成比例的，而且没有上下短线。Sans-serif 字体的例子包 阅读全文

posted @ 2012-02-24 11:00 峰雪 阅读(10253) 评论(1) 推荐(1)

iphone html5 无法自动播放视频

摘要：以下解决办法是在网上找到，未测试，目前看来，单纯的由html5解决不了这个问题，JS模拟点击事件也不可行HTML<video id="player" width="480" height="320" webkit-playsinline> Obj-Cwebview.allowsInlineMediaPlayback = YES; 阅读全文

posted @ 2011-12-30 13:49 峰雪 阅读(760) 评论(0) 推荐(0)

表格固定表头，兼容IE6+，火狐，chrome，opera

摘要：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script><style type="text/css">#scroll_table{ height:100px; overflo 阅读全文

posted @ 2011-12-30 11:22 峰雪 阅读(5665) 评论(0) 推荐(0)

jquery 父页面查找iframe子页面内容 子页面内容查找父页面内容

摘要：父页面代码<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript" src="jquery-1.4.4.min.js"></script></head><body> <div class="f_div">父页面内容</div> < 阅读全文

posted @ 2011-12-02 12:34 峰雪 阅读(8878) 评论(0) 推荐(0)