Del1

2017年11月29日

摘要：父级： display:-webkit-box; 子级： -webkit-box-flex:1; width:20px; 注意：如果子级用的都是 -webkit-box-flex:1; 但是比例失效的话：使用 box-flex 的每一个子元素都加上一句： width: 0%;，原因不明，反正有效阅读全文

posted @ 2017-11-29 16:42 Del1 阅读(148) 评论(0) 推荐(0)

CSS3 - - Media(css3媒介查询) 属性

摘要：语法结构及用法：@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules} 实际应用一判断设备横竖屏： /* 这是匹配横屏的状态，横屏时的css代码 */ @media all and (orientation :landscape){} / 阅读全文

posted @ 2017-11-29 16:27 Del1 阅读(1557) 评论(0) 推荐(0)

CSS3 - - appearance 属性

摘要： -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; -o-appearance: none; appearance: none; 阅读全文

posted @ 2017-11-29 16:19 Del1 阅读(245) 评论(0) 推荐(0)

CSS3 - - box-sizing 属性

摘要：说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型阅读全文

posted @ 2017-11-29 15:57 Del1 阅读(141) 评论(0) 推荐(0)

css3 - (效果) 鼠标放在图片上白光扫过效果

摘要： HTML: CSS: .overimg{ position: relative; width:500px; height:335px; } .light{ cursor:pointer; position: absolute;left: -500px;top: 0; width: 500px;height: 335px; ba... 阅读全文

posted @ 2017-11-29 15:48 Del1 阅读(1069) 评论(0) 推荐(0)

2017年11月28日

HTML5 - Web存储

摘要：使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是 Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能. 数据以键/值对存在, web网页的数据只允许该网页访阅读全文

posted @ 2017-11-28 20:19 Del1 阅读(153) 评论(0) 推荐(0)

公告