1、字体的样式
/*字体系列:前面是字体族名称,最后一个是类族名称
浏览器在显示字体时,依次判断是否支持当前的字体,直到最后的字体系列*/font-family: "宋体","仿宋";/*粗细:bold加粗,bolder更粗;lighter细体*/font-weight: bold;/*字体大小的取值:1.具体的px值,2.百分比(默认字体大小16px)*/font-size: 200%;/*字体样式,下面属性为斜体*/font-style: italic;/*字体颜色*/color: red;/*字体透明度(1为不透明,0为全透明)*/opacity: 0.5;
2、行距和对齐样式
/*行高,单行字体占用的高度。可用px和百分比来表示*/
/*注:通过设置文本的行高与外部容器的高度一致来实现文本居中显示*/
line-height: 60px;
/*字体对齐方式: justify:两端对齐 left=start:左对齐(默认值) right=end:右对齐 center:居中对齐 */text-align: justify;/*字符间距*/letter-spacing: 6px;/*文本修饰: line-through:删除线(中划线) underline:下划线 overline:上划线 */text-decoration: underline;/*此方法可让文本溢出容器后以...显示,需用三个属性配合使用*/ /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ /*文本阴影:x方向的阴影,y方向的偏移,阴影的颜色*/text-shadow: 3px 3px yellow;/*文本描边:描边宽度、描边颜色 */-webkit-text-stroke:0.2px green ;/*em:相对单位*/