随笔分类 -  html+css

line-height下的dispay:inline-block垂直居中
摘要：html: Search css：.search{height: 100px;margin-left: 20px;}.search-box{border: 1px solid #ccc; border-radius: 5px; display: inline-block;line-height:1px;}.s-input{width: 340px;height: 23px;padding: 8px;outline: 0;border: 0;border-radius: 5px 0 0 5px;}.s-btn{height: 40px;border: 0;width: 70... 阅读全文
posted @ 2013-07-18 17:13 jinphen 阅读(591) 评论(0) 推荐(0)
html5 script标签async属性用法
摘要：在研究一些网站加载时发现很多网站的js加载用到了async属性，于是google了一下它的用法。async是html5新加的一个属性，点这里可查看它的标准定义。它的作用就是异步加载js并执行，它和dom的渲染是异步。(IE9貌似不支持这个属性) 如下代码，可看到在js还没有加载完，html内部的dom已经生成了。红色为html内部了，蓝色为test.js生成的。 html： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>test script async</title> 5 <scri 阅读全文
posted @ 2013-05-18 14:32 jinphen 阅读(451) 评论(0) 推荐(0)
收藏几篇关于浏览器重绘与回流的文章
摘要：高性能WEB开发之页面呈现、重绘、回流http://developer.51cto.com/art/201104/257345.htm回流与重绘：CSS性能让JavaScript变慢？http://www.zhangxinxu.com/wordpress/2010/01/%E5%9B%9E%E6%B5%81%E4%B8%8E%E9%87%8D%E7%BB%98%EF%BC%9Acss%E6%80%A7%E8%83%BD%E8%AE%A9javascript%E5%8F%98%E6%85%A2%EF%BC%9F/关于html页面的重排和重绘，确定图片大小 http://www.rainleave 阅读全文
posted @ 2013-05-18 11:08 jinphen 阅读(343) 评论(1) 推荐(0)
页面无刷新上传文件
摘要：原理：FORM标签中的target属性规定在何处打开 action URL，值列表如下：值描述_blank在新窗口中打开。_self默认。在相同的框架中打开。_parent在父框架集中打开。_top在整个窗口中打开。framename在指定的框架中打开。 如果把target指向在本页面中的一个iframe，则提交上传文件时，会在指定的iframe中刷新，整体页面不会刷新，从而做到整体页面无刷新上传。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type&quo 阅读全文
posted @ 2013-04-20 13:40 jinphen 阅读(749) 评论(0) 推荐(0)
转：DIV+CSS命名规则
摘要：DIV+CSS命名规则页头:header登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:register状态:status按钮:btn投票:vote合作伙伴:partner版权:copyRi 阅读全文
posted @ 2011-12-30 09:36 jinphen 阅读(144) 评论(0) 推荐(0)