大部分页面会用到的重置样式 reset.css 总结

reset

一般都是因项目而异，记录一下综合使用

图片或a链接点击后会有蓝框

*{outline:none;}
敲好用哒~~~

清除浮动

.cf:after {
content: " ";
display: inline-block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {
*zoom: 1;
}

一般会写的几个重置

body,ul,p{
margin:0;padding:0
}
li{
list-style:none;
}
a{
text-decoration:none;
}
img{
font-size:0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

rem 布局

var wid =window.screen.width;
var font = wid/10+“px”;
$(‘html’).css(“font-size”,font);

设计稿实际尺寸：750px;
scss示例：width：（100rem/75）;
100为测量尺寸。

会有坑：像素不做1px时会有bug。
sass:

css标签不可点击：{pointer-events: none;}

文字超出显示省略号

//一行
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
//两行
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;