HTML5知识
蓝草毁灭
励志成为大前端!
展开
-
position定位解读
定位共4种:position: relative absolute fixed static relative相对定位是以自我为起始的定位; absolute绝对定位是往上从父元素上找寻是否父元素存在position的三种( relative absolute fixed)属性,若存在,则以这个父元素未标准来定位,若不存在,则会一直找到html元素为止,一般我们不会出现直到html元素都原创 2016-04-26 15:46:38 · 418 阅读 · 0 评论 -
文本内容溢出显示省略号,鼠标移上去会显示全部内容
例子:width:150px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 定宽、多出内容隐藏、设置省略号、强制文本在一行内显示。默认使用H5新属性 title=“全部内容” 即可。原创 2016-04-26 15:51:52 · 10204 阅读 · 0 评论 -
absolute绝对定位的深入解读
1、absolute与float一样具有包裹性、破坏性; 2、absolute不一定非与relative绑定在一起;二者是分离的、对立的;不是兄弟元素;absolute越独立越强大; 3、独立的absolute可以摆脱overlow的限制,无论是滚动还是隐藏; 4、absolute:脱离文档流;去浮动(定位生效时浮动会失效)、定位跟随(用了定位后,原来是什么位置,还是什么位置;), 5、无依原创 2016-04-26 15:57:10 · 1066 阅读 · 0 评论 -
H5新标签 sessionStorage 以及trigger 标签
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。 在 HTML5 中,数据不是由每翻译 2016-04-26 15:51:27 · 749 阅读 · 0 评论 -
APP或移动端当中h5写的页面,其中的边框写成0.5rem的效果的CSS如下
可以当作一种控件来对待 /* 1px for retina */ .ui-border-t{border-top:1px solid #e0e0e0}.ui-border-b{border-bottom:1px solid #e0e0e0}.ui-border-tb{border-top:#e0e0e0 1px solid;border-bottom:#e0e0e0 1px solid;back原创 2016-04-26 15:45:58 · 1183 阅读 · 0 评论