2020年计算机二级Web考试每日一练(6月24日)

html-css012

2020年计算机二级Web考试每日一练(6月24日),第1张

备考全国计算机二级Web考试的小伙伴们,复习的都怎么样了呢?环球青藤小编发布了2020年计算机二级Web考试每日一练供大家参考复习,小伙伴们快来做一做,测试一下自己吧!了解更多全国计算机二级Web备考资料敬请关注环球青藤计算机二级频道。

2020年计算机二级Web考试每日一练(6月24日)

1[单选题] CSS指的是下列()的缩写。

A.Computer Style Sheets

B.Cascading Style Sheets

C.Creative Style Sheets

D.Colorful Style Sheets

参考答案:B

2[单选题] 在CSS的长度单位中,1 pc等于多少pt?( )

A.8

B.10

C.12

D.14

参考答案:C

3[单选题改变某个元素的文本颜色的CSS属性是()

A. text-color

B Facotor

C color

D. text color

参考答案:C

4[单选题]下列语句中,显示没有下画线的超链接的语句是()

A. a{text--decoration: none}

B. a{text--decoration: no underline}

C {underline: none}

D. a {decoration: no underline}

参考答案:A

5.[单选题]下列哪个样式能够显示这样一个边框:上边框10像素、下边框5像素、左边框20像素、右边框像素?()

A border-width: 10px 5px 20px 1px

B border-width: 10px 20px 5px 1px

C border-width: 5px 20px opx 1px

D border-width: 10px 1px 5px 20px

参考答案:C

更多2020年计算机二级Web考试每日一练试题,请继续关注环球青藤计算机二级频道。需要及时了解考试动态的小伙伴可“ 免费预约短信提醒”届时环球青藤会及时为大家推送2020年计算机二级考试相关信息提醒。环球青藤友情提示:对于想要参加计算机二级考试的小伙伴们,环球青藤特地为您准备了计算机二级考试资料,如有需要请点击文章下方“免费下载>>>计算机二级考试资料”下载学习。

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading

Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。

(4)你可以轻松地控制页面的布局

(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。

很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。

说实话,CSS就是为了简化这样的工作诞生的,当然其功能决非这么简单。

CSS是通过对页面结构的风格控制的思想,控制整个页面的风格的。

式样单放在页面中,通过浏览器的解释执行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易。生殖对一些非常老的浏览器,页不会产生页面混乱的现象。

看到这个题目有了兴趣就测试了下,可惜用我以下的样式不支持IE6、IE7,其他浏览器支持;不过题目是死得,工作中不存在这种问题了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<style>

body{font-size:16px}

.li1{float:leftpadding-top:60px}

.li2{float:leftpadding-top:30pxmargin-left:-55px}

.li3{float:leftmargin-left:-55px}

</style>

</head>

<body>

<ol>

<li class="li1">CCCCCCC</li>

<li class="li2">BBBBBBB</li>

<li class="li3">AAAAAAA</li>

</ol>

</body>

</html>