CSS设置文本样式

CSS设置文本样式

这里我就列举几个常用的样式，仅供参考

1，设置文本字体：

用font-family属性
Code：

注：这里都用到类别选择器

2，设置文字倾斜效果：
p{
font-style: italic;
}

3，设置文字加粗效果：
p{
font-weight: bold;
}

4，设置英文字母大小写转换：
p{
text-transform: capitalize;
}

5，设置文字的大小：
p{
font-size: 36px;
}

6，设置文字的装饰效果：
p{
text-decoration: underline;
}

7，设置段落首行缩进：
p{
text-indent: 2em;
}

8，设置字间距离：
p{
word-spacing: 20px;
letter-spacing: 2px;
}

9，设置文字的行高：
p{
line-height: 1.5;
}

10，设置段落之间的距离：
p{
border: 1px red solid; /* 设置标签 /
margin: 1px; / 设置段落边距 /
padding: 10px; / 段落距离 */
}

11，设置文字的水平位置（这个比较复杂，就举个详细例子。没有贴详细的代码，大家可以自己补充试一下）
样式部分：

body部分：

12，设置文字和背景颜色
p{
color: blue;
background-color: red;
}