字体、文本、段落
1、字体行高:line-height:..px;
2、字体缩进:text-indent:...em;
3、字体间距:letter-spacing:..px;
4、字体对齐方式:text-align:left(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐)
5、文本装饰条:text-decoration : none(没有)、 underline(下划线)、 blink (定义闪烁的文本)、 overline (上划线)、 line-through(删除)
6、文字阴影:text-shadow:h-shadow(必需。水平阴影的位置。允许负值。)v-shadow (必需。垂直阴影的位置。允许负值。)blur(可选。模糊的距离。) color(可选。阴影的颜色。 );
例:h1{
text-shadow: 2px 2px 0px #ff0000;
}
7、文字溢出:text-overflow:clip(当内联内容溢出块容器时,将溢出部分裁切掉。)、 ellipsis(当内联内容溢出块容器时,将溢出部分替换为(...))
说明:但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。
例:div,input{
overflow: hidden; /*条件1:超出部分隐藏*/
white-space: nowrap;/*条件2:强制在同一行内显示所有文本*/
text-overflow: ellipsis;/*超出部分显示。。。*/
}
8、段落换行:word-wrap:normal(允许内容顶开或溢出指定的容器边界。) break-word(内容将在边界内换行。如果需要,单词内部允许断行。)