★隐藏元素的方法及区别方法有:display:none; //隐藏且不占空间visibility:hidden; //隐藏却还占空间opacity:0; //将透明度设置为0,记得兼容ie要用f
★隐藏元素的方法及区别方法有:
display:none; //隐藏且不占空间visibility:hidden; //隐藏却还占空间opacity:0; //将透明度设置为0,记得兼容ie要用filter:alpha(opacity=0);
★magin-top设置百分比值:
margin-top:10%;
结果参照其父元素的宽度;假如父元素father{width:1000px;}那么margin-top:10% 等于margin-top:100px
★盒子阴影效果--box-shadow例子,修改第一个值就可以修改右侧阴影,例子中0为没有右侧阴影;
.stepBars { height: 50px; box-shadow:0px 10px 5px #b2b2b2; -moz-box-shadow:0px 10px 5px #b2b2b2; -webkit-box-shadow:0px 10px 5px #b2b2b2;}
★去掉点击input之类的出现的蓝色框添加属性
outline:none;
微信等移动端的,不仅取消蓝色框,还会将一些按钮的默认点击属性消除,在body取消默认的属性
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
★在给文本的父div元素设置背景色透明度,其子元素往往会继承这个透明度,导致字体颜色变浅解决方法
background: rgba(0,0,0,0.3); //前面三个数值为背景色的数值,最后一个0.3代表背景色透明度
★css3溢出文字省略号三连击
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
★阻止ios移动设备长按出现系统默认菜单
-webkit-touch-callout:none;
★禁止用户选中文字(pc、ios、安卓)
-webkit-user-select:none