预览加载中，请您耐心等待几秒...

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

预览
1/4
2/4
3/4
4/4

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

(更新版)国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务4试题及答案 盗传必究 形考任务四 活动1：采用CSS样式来设置背景、标题和段落的颜色。 活动2：使用百分比或者像素值设置行间距。 参考答案： <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> <h1>这是标题1</h1> <h2>这是标题2</h2> <p>这是段落</p> 这个段落设置了内边距。</p> </body> </html> （1）百分比 <html> <head> 1/4 p.small{line-height:90%} p.big{line-height:200%} </style> </head> <body> <p> 这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是110%到120%。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> 2/4 </body> </html> （2）像素值 <html> <head> p.small{line-height:10px} p.big{line-height:30px} </style> </head> <body> <p> 这是拥有标准行高的段落。 在大多数浏览器中默认行高大约是20px。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 </p> 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 3/4 这个段落拥有更小的行高。 这个段落拥有更小的行高。 </p> 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 </p> </body> </html> 4/4