字体、文本、段落

1、字体行高:line-height..px

2、字体缩进:text-indent...em

3、字体间距:letter-spacing..px

4、字体对齐方式:text-alignleft(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐)

5、文本装饰条:text-decoration : none(没有)、 underline(下划线)、 blink (定义闪烁的文本)、 overline (上划线)、 line-through(删除)

6、文字阴影:text-shadowh-shadow(必需。水平阴影的位置。允许负值。)v-shadow (必需。垂直阴影的位置。允许负值。)blur(可选。模糊的距离。) color(可选。阴影的颜色。 );

例:h1{

text-shadow: 2px 2px 0px #ff0000;

}

7、文字溢出:text-overflowclip(当内联内容溢出块容器时,将溢出部分裁切掉。)、 ellipsis(当内联内容溢出块容器时,将溢出部分替换为(...))

说明:但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。

例:div,input{

overflow: hidden; /*条件1:超出部分隐藏*/

white-space: nowrap;/*条件2:强制在同一行内显示所有文本*/

text-overflow: ellipsis;/*超出部分显示。。。*/

}

8、段落换行:word-wrapnormal(允许内容顶开或溢出指定的容器边界。) break-word(内容将在边界内换行。如果需要,单词内部允许断行。)

posted @ 2019-03-29 10:32  淡丶影  阅读(246)  评论(0编辑  收藏  举报