前言:为了快速的使用CSS开发项目页面,专门收集了部分实用的CSS开发技巧,直接使用class的方式就可以实现效果。以后总结和收集出更多的方法后还会更新。
使用省略号
.ellipsis {
text-overflow: ellipsis; //规定当元素溢出时使用省略号
white-space: nowrap; //不换行
overflow: hidden; //规定隐藏超出的内容
}
清除浮动
.clear {
clear: both; //这是最简单的一种方式
}
清除默认样式
select, button, input {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
纯CSS实现三角形
.triangle {
display: inline-block;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 10px solid #666;
}