900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > Web前端开发精品课HTML CSS JavaScript基础教程第十四章课后编程题答案

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

时间:2024-05-16 10:25:47

相关推荐

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

编程题:

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

用VS新建空网站,添加新项,建立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>

运行结果:

以上就是网页的效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。