题库试卷

【国开搜题】微信公众号国开电大一网一平台《Dreamweaver网页设计》形考任务四!(1)标准答案

来源：百年教育职业培训中心　更新时间：2024-01-27 08:14:18

国家开放大学形成性考核平时作业参考答案标准答案关注【国开搜题】微信公众号发送题目获取标准答案活动1：采用CSS样式来设置背景、标题和段落的颜色。HTML代码如下：

国家开放大学形成性考核平时作业参考答案标准答案

关注【国开搜题】微信公众号发送题目获取标准答案

活动1：采用CSS样式来设置背景、标题和段落的颜色。

HTML代码如下：

<html>

<head>

</head>

<body>

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

</body>

</html>

活动2：使用百分比或者像素值设置行间距。

HTML代码如下：

<html>

<head>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

参考答案

<html>

<head>

body {background-color: yellow}

h1 {background-color: #00ff00}

h2 {background-color: transparent}

p {background-color: rgb(250,0,255)}

p.no2 {background-color: gray; padding: 20px;}

</style>

</head>

<body>

这是标题 1

这是标题 2

这是段落

这个段落设置了内边距。

</body>

</html>

（1）百分比

<html>

<head>

p.small {line-height: 90%}

p.big {line-height: 200%}

</style>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 110% 到 120%。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

（2）像素值

<html>

<head>

p.small{ line-height: 10px }

p.big{ line-height: 30px }

</style>

</head>

<body>

这是拥有标准行高的段落。

在大多数浏览器中默认行高大约是 20px。

这是拥有标准行高的段落。

这个段落拥有更小的行高。

这个段落拥有更大的行高。

</body>

</html>

【国开搜题】微信公众号国开电大一网一平台《Dreamweaver网页设计》形考任务四!(1)标准答案

来源：百年教育职业培训中心 更新时间：2024-01-27 08:14:18

来源：百年教育职业培训中心　更新时间：2024-01-27 08:14:18