CSS 文本样式

text-decoration: none; 去掉a的下划线

text-decoration: underline; 下划线

text-decoration: overline;上划线

text-decoration: line-through;删除线

text-indent: 2em;首行缩进

文本换行:

1. 中文是默认换行
2. 英文是所剩下的空间不足以一个单词是才换行，有空格分开的才算是一个单词写完

/* 强制换行 */

word-wrap: break-word;

/* 不换行 */

white-space: nowrap;

第一个标题溢出出现省略符号，要出现文字溢出，需要限制宽度

p{

text-indent: 2em;

width: 120px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

}

第二个标题溢出直接截断

p{

text-indent: 2em;

width: 120px;

white-space: nowrap;

overflow: hidden;

text-overflow: clip;

}

文字阴影

.d1{

/*                  x轴 y轴 虚化 阴影颜色*/

text-shadow: 5px 3px 2px black ;

color: gray;

}

文字阴影可以写多个阴影效果，用逗号隔开

text-shadow: 5px 3px 2px black , -2px 3px 3px green;

vertical-align样式

1. input{

   height: 100px;

   vertical-align: middle;

   }

   <span>前面的内联</span>

   <input type="text">

   <span>后面的内联</span>

2. 该属性只能给内联元素设置，其次该属性并不针对自己，而是针对其前后的内联元素与自己的垂直对齐方式

3. 取值有top bottom middle baseline(基线对齐)