1.清除浮动,解决高度塌陷(未测试)
a.伪类(抄袭bootstrap的做法).clearfix{}.clearfix:after{ display:table; content:' '; clear:both; }
b.王妮的做法.box{ clear:both; overflow:hidden; }
c.对于子元素写margin-top把父级拖下来的情况
(百度说是W3C的标准,只要破坏了父级子级紧贴的结构就可以了)
给父级写border-top,或者给父级写padding-top。
采用b方法也可以,a方法无效。
2.jq
http://jquery.cuishifeng.cn/
3.图片懒加载
https://www.cnblogs.com/wangyihong/p/7808771.html
4.楼层导航
https://blog.csdn.net/srttina/article/details/80523547
5.字体缩放
-webkit-transform: scale(0.9); /* for Chrome || Safari */
-moz-transform: scale(0.9); /* for Firefox */
-ms-transform: scale(0.9); /* for IE */
-o-transform: scale(0.9); /* for Opera */
-webkit-text-size-adjust:none;
6.去掉记住密码之后默认的背景色
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #898989 !important;
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
background-color:#898989;
color:#898989;
background-image: none;
transition: background-color 50000s ease-in-out 0s; //背景色透明 生效时长 过渡效果 启用时延迟的时间
}
input {
background-color:#898989;
color:#898989;
}
7.超出显示省略号(一行)原贴地址(https://www.cnblogs.com/da-yao/p/8081168.html)
white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height: 1.5rem;
8.input (radio)的背景图替换默认样式
label{
display:inline-block;
width:200px;
height:50px;
line-height:.8rem;
text-align:left;
position: relative;
}
label input{
width: 15px;
height: 15px;
vertical-align: bottom;
margin-right:.1rem;
opacity: 0;
}
.spot{
display:inline-block;
width:17px;
height:17px;
background:url("image/radio.png") no-repeat; /*默认的样式图片*/
background-size:16px;
position: absolute;
top:.2rem;
left:0;
z-index:5;
}
input:checked + .spot{
background:url("image/checked.png") no-repeat; /*选中后的样式图片*/
background-size:16px;
}
8.js 判断字符串中是否包含某个字符串
https://www.cnblogs.com/ooo0/p/7741651.html
9.百度线上地址
10.去除input点击后的边框
outline:none;