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

最新推荐文章于 2023-11-10 18:41:51 发布

软件测试李同学

最新推荐文章于 2023-11-10 18:41:51 发布

阅读量2.3k

点赞数 1

分类专栏： HTML CSS JavaScript 文章标签： html web前端开发字体样式文本样式 visual studio

本文链接：https://blog.csdn.net/qq_29720657/article/details/78742424

版权

HTML CSS JavaScript 专栏收录该内容

15 篇文章 12 订阅

订阅专栏

编程题：

下面有一段代码，请在这段代码的基础上使用正确的选择器以及这两章学到的字体样式、文本样式来实现图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>

运行结果：

以上就是网页的效果。

软件测试李同学

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案

编程题：下面有一段代码，请在这段代码的基础上使用正确的选择器以及这两章学到的字体样式、文本样式来实现图14-13所示的效果。很多人都喜欢用战术上的勤奋来掩盖战略上的懒惰，事实上这种”低水平的勤奋“远远比懒惰可怕。 Remember: no pain,no gain!用VS2013新建ASP.NET空网站，添加新项，
复制链接

扫一扫