css常见修饰元素汇总

1. Letter-spacing:设置字间距、字母间距 
2. Text-indent：2em 设置字体开头空两格
1. Word-spacing:单词间距，有空格就设置，中文看空格 
2.  Text-indent:一般30px 就两个  
3. Text-transform：大小写转换 uppercase全部大写 lowercase全部小写 capitalize：每个单词开头大写 
4. Background-attachment：scrool；（fixed）背景图片是否固定或者随着页面的其余部分滚动 
5. 设置轮廓： outline-color 设置轮廓颜色 outline-style：轮廓样式 outline-width outline-offset 轮廓剧元素边框便宜量 
6. Opacity ：设置透明度（0-1之间取值） 
7. 盒子模型  元素 内边剧 padding 外边距 margin 边框 border 
8. 处理内容溢出 overflow-x、y 轴溢出 

内容溢出隐藏 overflow：hidden 多余的类容用省略号表示 text-overflow：ellipsis
1.
浮动和组织元素堆叠 float ：left right 消除元素堆叠 clear：both
2.
修饰内联文本 Mark 修饰
3.
修饰被删的文本用 del
4.
无用的文本用 S
5.
段落中插入一段话 ins修饰
6.
让文本带下划线 用 u 修饰
7.
小号文本可以用 small修饰
8.
着重 加粗的可以用strong修饰
9.
斜体字可以用em或者I 修饰
10.
做导航时 a标签可以加到li标签的外面
11.
Z-index 必须配合position来使用
12.
过度 transition-dalay 设置过度前的延迟时间
13.
Transition-duration 设置过度用时
14.
Transition-property 设置过度参数与熟悉
15.
Transition-timing-function ：过度速率（linear 匀速）
16.
拆分代词换行 word-break:keep-all;(单词完整的换行) word-break：break-all；单词从某个单词拆分开 换行。

1. 

Img 图片的模糊和饱和度的设置

Img{
filter：blur（5px） 设置突前的模糊程度
filter： brightness（200%）原始亮度是100% 设置图片的黑亮程度
filter：contrast（178%）设置图片像素的浓度
filter：grayscale（0%-100%）设置图片的灰暗程度
filter：hue-rotate（100%–）设置突前的反转色的程度
filter：opacity（1%–50%） 设置图像的显示程度。
filter：saturate（0-100）设置图像的色彩鲜艳程度
filter：sepia（0%–100%）设置图像的颜色灰度，从黑白到彩色的程度。
filter：drop-shadow（8px 8px 10px black）设置图像外阴影效果
}

超出字体进行隐藏设置：

.group_p1{
width:100%;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

页面遮罩层设置：

div{
Posasition：fixed；
Top：0px
Bottom：0px
Right：0px
Left：0px
Width：100%
Height：100%
}

手机端禁止滑动

Body，html{
Overflow：hidden 
}

段落不换行

 white-space: nowrap

显示光标的类型和状态

cursor: pointer