段落 一篇文章让人看的赏心悦目，除了文章本身的内容写的精彩，卷面分也很重要，我们通常用test-indent（首行缩进），text-align（想某方向对齐），text-decoration（文字修饰
段落
一篇文章让人看的赏心悦目，除了文章本身的内容写的精彩，卷面分也很重要，我们通常用test-indent（首行缩进），text-align（想某方向对齐），text-decoration（文字修饰），letter-spacing（字符间隔）来控制一段文章的卷面分。
代码示例：其中#p1和#p2为id选择器，与之前的html选择器相比，可以区分特定的<p>标签，以后详细介绍。
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #p1 { background: gray; text-align: left; text-indent: 20px; letter-spacing: 5px; } #p2 { background: orange; text-align: right; text-decoration: line-through; text-indent: 50px; letter-spacing: 10px; } </style> </head> <body> <p id="p1">北京时间5月29日凌晨2点45分(当地时间28日晚间20点45分)，万众瞩目的2015-16赛季欧冠决赛在米兰的圣西罗球场展开争夺，对阵双方为同样来自马德里城的皇家马德里与马德里竞技。上半场拉莫斯破门，下半场格里兹曼射失点球，卡拉斯科扳平比分，双方常规时间打成1-1平，进入加时赛，双方互交白卷，比赛进入点球大战。点球大战中，皇马5罚全中，马竞胡安弗兰射失，皇马5-3胜出总比分6-4击败对手第11次夺得欧冠。</p> <p id="p2">北京时间5月29日凌晨2点45分(当地时间28日晚间20点45分)，万众瞩目的2015-16赛季欧冠决赛在米兰的圣西罗球场展开争夺，对阵双方为同样来自马德里城的皇家马德里与马德里竞技。上半场拉莫斯破门，下半场格里兹曼射失点球，卡拉斯科扳平比分，双方常规时间打成1-1平，进入加时赛，双方互交白卷，比赛进入点球大战。点球大战中，皇马5罚全中，马竞胡安弗兰射失，皇马5-3胜出总比分6-4击败对手第11次夺得欧冠。</p> </body></html>代码生成效果图：
文字大小字体及颜色
通常我们用font-size（文字大小）color（文字颜色）font-family（字体风格）font-style（文字倾斜）font-weight（字体厚度）来控制文字。
代码示例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #p1 { font-size: 50px; color: red; font-family: "微软雅黑"; font-weight:bold; } #p2 { font-size: 30px; color: blue; font-family: "宋体"; font-style: italic; } </style> </head> <body> <p id="p1">离离原上草，一岁一枯荣。野火烧不尽，春风吹又生。</p> <p id="p2">离离原上草，一岁一枯荣。野火烧不尽，春风吹又生。</p> </body></html>代码生成图：
