1：图标颜色利用投影 改变颜色 使颜色可配置 此属性利用边框透明 因为overflow属性不支持投影属性
icon{
postion:relative;left:-20px;
border-right:20px solide transparant;
filter:drop-shadow(20px 0 #ff0000);
}
2：在firefox下 button设置padding：0；padding依然存在 下面有效
button::-moz-focus-inner{
padding:0;
}
ie7下 文字越多 padding的值越宽 使用以下属性消除
button{
overflow：visible；
}
3：使padding的空间不填充颜色 使用 以下属性
div{
background-color:yellow;
background-clip:content-box;
}
4：设置div的css拉伸填满容器（margin：auto；属性是 使填充满的空间 分配给其除其子项外的空间）
div{
position:absolute;left:0;right:0;
}
实例：拉伸填满父容器 强制更改尺寸 然后auto居中显示
father{
height：200px；position：relative；
}
son{
left：0；top：0；right：0；bottom：0；position：absolute；width：100px；height：100px；margin：0 auto；
}
5：margin可视尺寸和占据尺寸
可视尺寸只对正常block元素作用水平方向
占据尺寸block、inline-block均适用 与设置宽设置高没关系 作用水平和垂直方向
6：全局设置 方便 使行高20px
body{
font：14px/1.4286 "微软雅黑"；
}
7：如果overflow-x 和overflow-y相同 则等同于设置一个overflow；如果overflow-x与overflow-y不同，且其中一个属性的值被赋予visible，而另外一个被赋予hidden、scroll或者auto，那么这个visible会被重置为auto；
8: 所有浏览器 默认滚动条均来自<html> 而非<body>标签;
9：bfc
1、float的值不是none。
2、position的值不是static或者relative。
3、display的值是inline-block、table-cell、flex、table-caption或者inline-flex
4、overflow的值不是visible
5 html元素
10 input ios下 滑动
handleFocus(e) {
setTimeout(function() {
e.target.scrollIntoView(true)
e.target.scrollViewIfNeeded()
}, 200)
}
11 输入框ios圆角 设置border:none;
12 input ios 短信填充两次 设置 限制填充长度 maxlength="4" 四个字符
网友评论