前端收藏集合

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)的背景图替换默认样式

   

   

8.js 判断字符串中是否包含某个字符串

https://www.cnblogs.com/ooo0/p/7741651.html

9.百度线上地址

10.去除input点击后的边框

outline:none;

你可能感兴趣的:(前端收藏集合)