(更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务4试题及答案

盗传必究

形考任务四

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

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

参考答案：

type=“text/css“>

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;}

这是标题

1

这是标题

2

这是段落

class=“no2“>这个段落设置了内边距。

（1）百分比

type=“text/css“>

p.small

{line-height:

90%}

p.big

{line-height:

200%}

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

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

110%

到

120%。

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

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

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

class=“small“>

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

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

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

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

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

class=“big“>

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

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

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

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

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

（2）像素值

type=“text/css“>

p.small{

line-height:

10px

}

p.big{

line-height:

30px

}

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

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

20px。

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

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

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

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

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

class=“small“>

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

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

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

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

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

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

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

class=“big“>

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

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

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

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

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

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

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