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

最新推荐文章于 2022-01-19 12:04:00 发布

qq_33151859

最新推荐文章于 2022-01-19 12:04:00 发布

阅读量304

点赞数

分类专栏： HTML基础编程题

本文链接：https://blog.csdn.net/qq_33151859/article/details/52733608

版权

HTML基础编程题专栏收录该内容

32 篇文章 13 订阅

订阅专栏

<!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>