css 学习

Posted on | In |

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

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;
}