vertical-align 设置元素垂直对齐的方式
可选值: baseline 基线对齐 沿着字母x最下方对齐( top bottom middle)
功能:1设置元素垂直对齐的方式 ,这种功能,只针对图片,文字,表格,不针对块元素
2、解决图片三像素的问题(面试题)
方案一:vertical-align样式,设置一个非baseline的样式值
方案二:设置父元素的font-size为0
方案三:将图片转成块元素
方案四:将元素脱离文档流
text-transform 可以用来设置文本的大小写
可选值: none 默认值 文本正常显示; uppercase 文本大写 ; lowercase 文本小写
capitalize 首字母大写
text-decoration [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰
可选值: none 默认值 文本正常显示;underline 下划线;overline 上划线;
line-through 删除线
text-decoration: line-through; */
letter-spacing可以指定字符间距
word-spacing可以设置单词之间的距离
text-align用于设置文本的对齐方式
可选值:left 文本向左 默认值;right 文本向右;center 居中显示; justify 两端对齐
text-indent 设置首行缩进,常用的 em
white-space: ; 设置网页如何处理空白
text-overflow 文本溢出包含元素时发生的事情 */
设置单行文本省略号的写法
1.先设置固定宽度:width: 300px;
2.设置不换行 :white-space: nowrap;
3.设置省略号:text-overflow: ellipsis;
4.裁剪多余的/溢出的内容 :overflow: hidden;
多行文本的省略号
设置文本的阴影
text-shadow: h-shadow v-shadow blur color;
第一个参数:阴影的水平位移距离 (必填) 正值向右,负值向左
第一个参数:阴影的垂直位移距离 (必填) 正值向下,负值向上
第三个参数:阴影的模糊半径
第四个参数:阴影的颜色 (默认是字体的颜色
text-shadow: -10px -30px 15px rgba(0, 0, 0, 0.5);
设置块元素的阴影
box-shoadow: h-shadow v-shadow blur color;
第一个参数:阴影的水平位移距离 (必填) 正值向右,负值向左 第一个参数:阴影的垂直位移距离 (必填) 正值向下,负值向上
第三个参数:阴影的模糊半径
第四个参数:阴影的颜色 (默认是黑色)