半夏微澜ぺ - 博客园

2017年1月10日

摘要：一、zoom zoom的字面意思是“变焦”，摄影的时候常用到的一个概念。对于web上的zoom效果，你也可以按照此概念理解。可以改变页面上元素的尺寸，属于真实尺寸。在旧的web时代。*zoom: 1可以给IE6/IE7浏览器增加haslayout, 用来清除浮动，修复一些布局上的疑难杂症等。其支阅读全文

posted @ 2017-01-10 17:04 半夏微澜ぺ阅读(402) 评论(0) 推荐(0)

border-radius

摘要： 1 border-radius 私有前缀浏览器个把年前就把私有前缀给去掉了，现在完全没必要还傻傻使用-webkit-border-radius, -moz-border-radius 2 border-radius百分比值是相对于元素占据尺寸的百分比(类似jQuery outerWidth()/ 阅读全文

posted @ 2017-01-10 16:29 半夏微澜ぺ阅读(285) 评论(0) 推荐(0)

中英文两端对齐实现

摘要： text-align:justify; 这个属性是针对英文设计的，现在在谷歌个火狐中对中文也支持，就是ie不支持在ie中需要再加上一个属性 text-justify:distribute;//只有 IE支持 text-justify 属性。阅读全文

posted @ 2017-01-10 15:42 半夏微澜ぺ阅读(528) 评论(0) 推荐(0)

word-break word-wrap

摘要： work-break：break-all CJK超出的部分自动换行 word-wrap：break-word CJK如果有分隔符，当前分隔符之后与下一个分隔符之间的内容不能在这一行全部显示的话，在当前风分隔符之后的内容就换行阅读全文

posted @ 2017-01-10 15:06 半夏微澜ぺ阅读(152) 评论(0) 推荐(0)

h5 页面设计尺寸

摘要：请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下）也就是我们的H5页面前端代码里面必须包含 <meta content=”initial-scale=1.0,user-scalable=no,maximum-scale=1, 阅读全文

posted @ 2017-01-10 14:34 半夏微澜ぺ阅读(11752) 评论(0) 推荐(0)

2016年12月29日

查看html元素绑定的事件与方法 visual Event 插件

摘要： WEB标准提倡结构、表现和行为相分离，现在越来越多采用这种表现和行为的方式，但它也为我们开发调试带来一些问题，网页载入一堆JavaScript，，我们很难搞清楚最后在哪些元素的哪个动作绑定了事件，尤其是JavaScript加载事件的方式五花八门，可以透过jQuery、element.click = 阅读全文

posted @ 2016-12-29 11:02 半夏微澜ぺ阅读(516) 评论(0) 推荐(0)

2016年12月20日

使用css borer实现图层蒙版效果

摘要：需要js 思路：假设目标元素是target。在外层定义元素宽高等于target，通过border设置元素铺满整个文档，设置border的透明图，实现蒙版，在元素的内部设置子元素，宽高100%;设置圆角边框50%；设置box-shadow inset显示代码： css js代码：来自：http: 阅读全文

posted @ 2016-12-20 09:52 半夏微澜ぺ阅读(3656) 评论(0) 推荐(0)

去除inline-block的间隙

摘要：产生间隙的原因就是标签之间的空格，去除的方法： 1 设置父元素的font-size：0;空格字符的宽高都为0, 2 inline-block元素在一行上，不换行 3 inline-block元素换行，但是上一个标签的结束标签与下一个标签的开始标签在一行上或者 4 在上一个标签的结束标签和下一个标签阅读全文

posted @ 2016-12-20 09:37 半夏微澜ぺ阅读(210) 评论(0) 推荐(0)

2016年12月15日

css line-height

摘要： “行高”顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离 1 实现单行文字垂直居中设置box的inline-height值为box的height值，网上一直说设置inline-height值与height之相等，其实去掉height值也是可以的 2 实现div中行数不固定的文字的垂直阅读全文

posted @ 2016-12-15 14:51 半夏微澜ぺ阅读(319) 评论(0) 推荐(0)

vertical-align 和line-height 以及baseline的解析

摘要： line-height是相对于font-size来计算的，vertical-align的百分比值是相对于line-height来计算的，vertical-align的默认是baseline; demo： font-size:14px; line-height:1.5; line-height的值其实阅读全文

posted @ 2016-12-15 10:49 半夏微澜ぺ阅读(827) 评论(0) 推荐(0)