当前位置：首页 > 网课答案 > 国开(电大)答案

国开(电大)答案

国开学习网[04403]《Dreamweaver网页设计》形考任务二答案

时间：2025-02-10 01:42:55 作者：暂无作者浏览量：

形考任务二答案形考任务2答案.zip作业要求活动1：采用CSS样式来设置背景、标题和段落的颜色。HTML代码如下：<html><head></head><body>这是标题 1这是标题 2这是段落这个段落设

形考任务二答案形考任务2答案.zip 作业要求

活动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>

网课邦

网课邦

国开(电大)答案

国开学习网[04403]《Dreamweaver网页设计》形考任务二答案

国开学习网[04403]《Dreamweaver网页设计》形考任务一答案

国开学习网[04403]《Dreamweaver网页设计》形考任务三答案

相关文章