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 以后再补充--------------------------------------------------