css中的文本样式设置

目录

一 设置文本的大小

二 设置文本的修饰

三 设置文本的对齐方式

四 设置首行缩进

五 设置网页如何处理空白

六 文本溢出包含元素时发生的事情

七 设置元素垂直对齐的方式

八 设置文字阴影效果

---

一 设置文本的大小

一般用text-transform来设置文本的大小

可选值：
uppercase  设置字母大写
lowercase  设置字母小写
capitalize 设置首字母大写

二 设置文本的修饰

一般用text-decoration来设置文本的大小

可选值：
none          正常显示，什么都不加/常用来去除下划线
line-through  删除线
underline     下划线
overline      上划线

三 设置文本的对齐方式

一般用text-align来设置文本的大小

可选值：
左对齐  left
右对齐  right
居中对齐 center
两端对齐 justify

四 设置首行缩进

一般用text-indent来设置文本的大小

属性值
一般用em表示大小，例如：text-indent:2em;

五 设置网页如何处理空白

一般用white-space来设置文本的大小

可选值：
normal  默认值
nowrap  不换行

六 文本溢出包含元素时发生的事情

一般用text-overflow来设置文本的大小

可选值：
none      默认值
ellipsis  省略号

七 设置元素垂直对齐的方式

一般用vertical-align来设置文本的大小

应用：1:图文垂直对齐方式
可选值：top     靠上对齐
middle  中间对齐
bottom  靠下对齐
baseline 基线对齐(系统默认)
只能设置图文、表格的垂直对齐                         
2:图片三像素的问题  
父元素如果不设置高，由图片撑开，此时图片的底部就会有三像素的空白
解决方式一：vertical-align属性值不为默认值
解决方式二：给图片转成块元素
解决方式三：给父元素设置font-size为0

注意 vertical-align 只对行内元素、行内块元素和表格单元格元素生效

八 设置文字阴影效果

一般用text-shadow来设置文本的大小

参数1：阴影水平位移距离  正数向右偏移，负数向左偏移，必填
参数2：阴影垂直位移距离  正数向下偏移，负数向上偏移，必填
参数3：阴影的模糊半径    选填  默认是0 
参数4：阴影的颜色          选填  默认是跟字体颜色一样

以上简单介绍了css中的文本样式设置，希望有所帮助。