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 */
<div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">
        any text<br>
        any height<br>
        any content, for example generated from DB<br>
        everything is vertically centered
      </div>
    </div>
</div>