认识css样式（第二部分-文字排版）

来源：互联网发布：javascript跳转新页面编辑：程序博客网时间：2024/06/14 21:51

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>文字排版</title></head><style type="text/css">.first{ color:#0C0;font-family:"微软雅黑";font-size:18px;font-weight:900;/*粗体*/font-style:italic;/*斜体*/text-decoration:underline;}/*下划线*/.second{ color:#F0F;font-family:"宋体";font-size:18px;font-weight:bold;font-style:italic;text-decoration:underline;}.oldPrice{text-decoration:line-through;}/*删除线*/</style><body><h1><em>勇气</em></h1><p class="first">    三年级的时候，我还是一个胆小如鼠的小女孩。上课从来不敢回答老师的问题，生怕回答错了老师会批评。就一直没有勇气来回答老师老师的问题。    </p>    <p class="second">    到了三年级下学期，我们上了一节公开课。老师提了一个很简单的问题。班上有很很多同学都举手了，我看了一下周围，就我没举手。    </p>    <p class="oldPrice">    88元    </p></body></html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>段落排版</title><style type="text/css">.first{ text-indent:2em;}/*首行缩进两个文字*/.second{ text-indent:2em;}/*首行缩进三个文字*/.first{ line-height:1.5em;}/*行间距*/.third{ letter-spacing:10px;}/*中文字间距*/.third{ text-align:center;}/*标题居中*/</style></head><body><h1 class="third">勇气</h1><p class="first" >    三年级的时候，我还是一个胆小如鼠的小女孩。上课从来不敢回答老师的问题，生怕回答错了老师会批评。就一直没有勇气来回答老师老师的问题。    </p>    <p class="second">    到了三年级下学期，我们上了一节公开课。老师提了一个很简单的问题。班上有很很多同学都举手了，我看了一下周围，就我没举手。    </p></body></html>

0 0