css 学习

字体不换行,超出加省略号

1
2
3
white-space: nowrap; // 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止
overflow: hidden;
text-overflow: ellipsis;

画三角形

1
2
3
4
5
width:0;
height:0;
border-width:6px;
border-style:solid dashed dashed dashed;
border-color:#bb0909 transparent transparent transparent;

反选字体颜色背景

微博时发现全选后字体背景是橙色的

1
2
3
4
5
6
7
8
9
10
11
/* Mozilla based browsers */
::-moz-selection {
background-color: #FFA;
color: #000;
}
/* Works in Safari */
::selection {
background-color: #FFA;
color: #000;
}