您的位置：首页 > Web前端 > JavaScript

Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案

2017-12-07 16:06 1491 查看

编程题：

下面有一段代码，请在这段代码的基础上使用正确的选择器以及这两章学到的字体样式、文本样式来实现图14-13所示的效果。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<p id="p1">很多人都喜欢用战术上的勤奋来掩盖战略上的懒惰，事实上这种”<span>低水平的勤奋</span>“远远比懒惰可怕。
</p>
<p id="p2">Remember: no pain,no gain!</p>
</body>
</html>
用VS2013新建ASP.NET空网站，添加新项，建立HTML文件，向其加入以下代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
#p1
{
font-size:14px;
text-indent:28px;
}
#p2
{
font-size:14px;
text-indent:28px;
text-transform:uppercase;
}
span
{
font-weight:bold;
text-decoration:underline;
}
</style>
</head>
<body>
<p id="p1">很多人都喜欢用战术上的勤奋来掩盖战略上的懒惰，事实上这种”<span>低水平的勤奋</span>“远远比懒惰可怕。
</p>
<p id="p2">Remember: no pain,no gain!</p>
</body>
</html>
运行结果：

以上就是网页的效果。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航