1、字体颜色、间距、首行缩进、对齐方式
<!DOCTYPE html>
<html> <head>
<meta charset="UTF-8">
<title>CSS</title>
<style type="text/css">
#style1 {
font-family: "微软黑雅";
font-size: 20px;
color: black;
text-indent: 40px;
letter-spacing: 4px;
line-height: 40px;
}
#style2{
text-align: center;
font-family: "微软黑雅";
font-size: 30px;
}
</style>
</head> <body bgcolor="aquamarine">
<div id="style2">
<p>将进酒</p>
</div> <div id="style1">
<p>
君不见,黄河之水天上来,奔流到海不复回。 君不见,高堂明镜悲白发,朝如青丝暮成雪。 人生得意须尽欢,莫使金樽空对月。 天生我材必有用,千金散尽还复来。 烹羊宰牛且为乐,会须一饮三百杯。 岑夫子,丹丘生,将进酒,杯莫停。
</p>
<p>
与君歌一曲,请君为我倾耳听。 钟鼓馔玉不足贵,但愿长醉不复醒。 古来圣贤皆寂寞,惟有饮者留其名。 陈王昔时宴平乐,斗酒十千恣欢谑。 主人何为言少钱,径须沽取对君酌。 五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。
</p>
</div> </body> </html>
标题设置的对齐方式为居中对齐
在段落里面有文本缩进:40px、行间距:40px
知识点总结:
(1)text-indent:首行缩进,作用于段落的首行,可以作用于<p>标签
(2)letter-spacing:字符间距
(3)line-spacing:行间距,由上间距、下间距和文字大小组成
(4)text-align:左对齐,右对齐,居中对齐(水平对齐方式)
(5)color:字体颜色,可以为十六进制、颜色英文、RGB(100%-0%)
2、首行缩进
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{
text-indent: 2em;
}
</style>
</head>
<body>
<p>
君不见黄河之水天上来,奔流到海不复回。
君不见高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
</p>
</body>
</html>
em是一个相对单位,就是当前文字的一个文字大小。