记录工作时用到的CSS属性

css换行：

word-break:break-all;只对英文起作用，以字母作为换行依据
word-wrap:break-word; 只对英文起作用，以单词作为换行依据
white-space:pre-wrap; 只对中文起作用，强制换行
white-space:nowrap; 强制不换行，都起作用
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）

禁用选择文本功能：

user-select    不是一个W3C的CSS标准属性，
               浏览器支持的不完整，需要对每种浏览器进行调整
user-select有两个值：
none：用户不能选择文本
text：用户可以选择文本
-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;

关于css选择器

1、first-child              表示选择列表中的第一个标签。如：

      li 列表中的 第一个li模块的字体：

     li:first-child{

                      font-size:12px;

     }

2、last-child                   表示选择列表中的最后一个标签 如：

li:last-child{

                      font-size:12px;

     }

3、nth-child(3)       表示选择列表中的第3个标签 如：

li:nth-child(3){

                      font-size:12px;

     }

4、nth-child(2n)           表示选择列表中的偶数标签，即选择 第2、第4、第6…… 标签。

5、nth-child(2n-1)         表示选择列表中的奇数标签，即选择 第1、第3、第5、第7……标签。

6、nth-child(n+3)          表示选择列表中的标签从第3个开始到最后。
7、nth-child(-n+3)         表示选择列表中的标签从0到3，即小于3的标签。

8、nth-last-child(3)        表示选择列表中的倒数第3个标签。

 

 letter-spacing     设置文字、字母间距

h1 { letter-spacing: 5px; //也可以是负数 }

::selection 修改选中文本颜色

::selection { color: white; background-color: rgba(0, 0, 0, 0.8); }

::-webkit-selection { color: white; background-color: rgba(0, 0, 0, 0.8); }

::-moz-selection { color: white; background-color: rgba(0, 0, 0, 0.8); }

 

--------------------------------------------------分割线 7.30 以后再补充--------------------------------------------------