css文本样式

阅读更多

1. css文本样式

1) 设置文字的字体

font-family

2) 设置文字的倾斜效果

font-style: italic;

3) 设置文字的加粗效果

font-weight: bold;

4) 设置英文字母大小写转换

text-transform: capitalize/uppercase/lowercase;

5) 设置文字的大小

font-size: 36px;

6) 设置文字的装饰效果

text-decoration: none/underline/line-through/overline;

7) 设置段落首行缩进

text-indent: 2em;

8) 设置字词间距

word-spacing: 20px; letter-spacing: 2px;

9) 设置文字的行高

line-height: 1.5;

10) 设置段落之间的距离

p{border: 1px red solid;margin: 1px;padding: 10px;}

11) 设置文本的水平位置

text-align: left/right/center/justify(两端对齐);

12) 设置文字和背景的颜色

color: blue;background-color: red;

13) 设置段落的垂直对齐方式

.greenBorder {border: 1px solid green;} /* just borders to see it */

    

      

        any text

        any height

        any content, for example generated from DB

        everything is vertically centered