XHTML+CSS试题有答案.docx

• 文档编号：30170920
• 上传时间：2023-08-05
• 格式：DOCX
• 页数：18
• 大小：28.42KB

XHTML+CSS试题有答案.docx

《XHTML+CSS试题有答案.docx》由会员分享，可在线阅读，更多相关《XHTML+CSS试题有答案.docx（18页珍藏版）》请在冰豆网上搜索。

XHTML+CSS试题有答案

一、单项选择题（每套20题，每题2分，共40分）

1、关于web标准以下说法错误的是（b）

A、Web标准是一个复杂的概念集合，它由一系列标准组成

B、这些标准全部都由W3C起草与发布

C、Web标准可以分为3个方面

D、Web标准里的表现标准语言主要包括CSS

2、以下是

DOCTYPE>元素作用的是（a）

A、该元素用来定义文档类型

B、该元素用来声明命名空间

C、该元素用来向搜索引擎声明网站关键字

D、该元素用来向搜索引擎声明网站作者

3、以下可将一对象的背景色透明度改为80%的声明是：

（d）　　　　　　　　　　　　

A、filter:

alpha:

（opacity=80）;

B、filter:

alpha:

opacity=80;

C、filter:

alpha:

（opacity:

80）;

D、filter:

alpha（opacity=80）;

4、以下选项中，可以解决超链接访问过后hover样式不出现问题的是：

（b）

A、重新书写关于连接状态的CSS样式

B、改变关于链接状态的CSS属性排列顺序:

L-V-H-A

C、将关于链接状态的CSS属性全部写再a中

D、以上说法都不对

5、阅读以下代码：

　　body{margin:

0}

　　div{float:

left;

margin-left:

10px;

width:

200px;

height:

200px;

border:

1pxsolidred}

解析正确的是：

（C）

A、浮动后外边距10px,但FF解释为20px

B、浮动后本来外边距20px,但IE解释为10px,解决办法是加上display:

block;

C、浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:

inline

D、以上说法都不对

6、“滑动门技术”的原理是（b）

A、命名锚点链接的作用

B、使用背景图片位置滑动

C、将a元素转换为块元素

D、将span元素转换为块元素

7、关于背景，以下描述错误的是：

（c）

A、background-img:

B、background-img:

C、background-width

D、background-attachment

8、以下声明中，可以取消加粗样式的有（c）

A　font-weight:

bolder；Bfont-weight:

bold；

Cfont-weight:

normal;Dfont-weight:

600；

9、以下声明中，可以控制单词间距的是：

（b）

A　letter-spacing:

Bword-spacing:

Cfont-weight:

normal;Dfont-weight:

600；

10、display属性的属性值共有：

（a）

A18个B4个C6个D12个

11、XHTML基本元素类型不包括（d）

A块状元素B内联元素

C可变元素D浮动元素

12、关于float描述错误的是（b）

Afloat:

left;Bfloat:

center

Cfloat:

rightDfloat:

none;

13、为了解决浮动双倍间距问题，我们可以在相应元素上添加（c）

Afloat:

left;Bdisplay:

block;

Cdisplay:

inline;Dmargin:

0;

14、以下哪种现象在FF2.0中会存在：

（c）

A双倍边距的问题

B图片间隙的问题

C父元素不能自适应子元素高度

D以上说法都不对

15、外部样式表文件不可以由以下哪个标签导入　　（c）

A、linkB、importC、style

16、以下标签哪个不是空标签：

（d）　　　　　　　　　　　　

　　Ａ　metaBinputChrDform

17、标签

的对齐属性是：

（b）

Ａ、　styleB、alignC、angleD、padding

18、以下哪个选项是设置底边框的：

（a）

A、Border-bottomB、Border-topC、Border-leftD、Border-right

19、以下关于CLASS和ID的说法，错误的是：

（d）

A、class的定义方法是：

.类名{样式};

B、id的应用方法：

<指定标签id="id名">

C、class的应用方法：

<指定标签class="类名">

D、id和class只是在写法上有区别，在应用和意义上没有任何区别

20、关于ID选择符说法错误的是:

（c）

A　ID选择符的语法格式是“#”加上自定义的ID名称

B当我们使用ID选择符时，应先为当前元素定义一个id属性，如：

C选择符更适合定义类样式

D一个id名称只能对应于文档中一个具体的元素对象

21.以下哪个选项是对对象进行定位的：

（c）

A、PaddingB、MarginC、positionD、display

22.关于div以下描述正确的是（a）.

A.div是类似于一行一列表格的虚线框

B.div由行列形成的单元格构成，可执行合并拆分等操作

C.由div布局的网页结构与表现不分离

D.div不要求我们严格css支持

23.关于使用CSS以下说法错误的是（c）

A.选择符：

选择符表示要定义样式的对象，可以是元素本身，也可以是一类元素或者制定名称的元素.

B.选择属性：

属性是指定选择符所具有的属性，它是css的核心，css2共有150多个属性。

C.定义属性值：

属性值是指数值加单位，如25px。

D.每个CSS样式都必须由两部分组成：

选择符Selector和声明Declaration。

24.包含选择符的语法是（a）

A.选择符1和选择符2之间用空格隔开。

含义就是所有选择符1中包含的选择符2。

B.“#”加上自定义的ID名称。

C.“.”加上自定义的类名称

D.用英文逗号分隔

25.要将文本字体设置为“TimesNewRoman”和“Arial”语法格式正确的是：

（a）

A.font-family:

TimesNewRoman,Arial;

B.font-family:

“TimesNewRoman”,“Arial”;

C.font-family:

“TimesNewRoman”,Arial;

D.“font-family:

TimesNewRoman”Arial;

26.关于text-indent描述错误的是：

（c）

A.text-indent：

20px;

B.text-indent:

-20px;

C.text-indent:

left;

D.text-indent:

2em;

28.关于块状元素说法正确的是：

（c）

A.快状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div\h1-h6\p\ul等；

B.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。

C.块状元素都不可以定义自己的宽度和高度。

D.块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。

我们可以把这种容器比喻为一个盒子。

29.关于样式表的优先级说法不正确的是：

（d）

A、直接定义在标记上的css样式级别最高

B、内部样式表次之

C、外部样式表级别最低

D、当样式中属性重复时，先设的属性起作用

30.关于CSS为什么会出现Bug说法不正确的是：

（d）

A、CSS作为表现标准语言，需要在不同浏览器中实现表现层统一

B、各大主流浏览器由于不同厂家开发，所有的核心构架和代码也很难重和

C、 各大厂商处于自身利益而设种种技术壁垒

D、网页设计师定义的命名空间不一样

31.CSS样式文件的类型不包括（d）

A、内部样式表

B、内联样式表

C、外部样式表

D、包含样式表

32、使用link元素调用CSS的语法中，以下哪个属性是用来指定CSS文件的路径的 （c）

AurlBsrcChrefD以上都不对

33、以下声明，可以隐藏对象的是：

（c）

A　display:

blockBdisplay:

inline

Cdisplay:

noneDdisplay:

inline-block

34、解决IE6中div出现图片间隙问题的Hack是：

（d）

A、将元素img转换为块元素

B、将元素img转换为块元素

C、将

与元素写再一行上

D、以上都对

35.表格的真正作用是（b）.

A.网页排版布局B.显示数据

C.处理图像D.优化网站

36、关于W3C说法错误的是：

d

A.自从Web诞生以来，Web的每一步发展、技术成熟和应用领域的拓展，都离不开成立于1994年10月的W3C（WorldWideWebConsortium，万维网联盟）的努力；

B.W3C是专门致力于创建Web相关技术标准并促进Web向更深、更广发展的国际组织。

C.TimBerners-Lee这位Web的先驱联合CERN、DARPA和欧盟倡导并组织成立了Web的核心技术机构--W3C。

D.到目前为止，W3C已开发了超过100个规范（草案）。

这些规范（草案）包括人们早已、耳熟能详的HTML、HTTP、URIs、XML等，也包括针对语义Web的RDF、OWL等。

37、以下哪个标签不是空标签：

d

A.link

B.input

C.meta

D.form

38、在CSS中，注释代码是b

A.

---->

B./**/

C.//

D.'

39、XHTML中列表不包括d

A.无序列表

B.有序列表

C.自定义列表

D.公用列表

40、关于ID选择符说法错误的是:

c

A.ID选择符的语法格式是"#"加上自定义的ID名称

B.当我们使用ID选择符时，应先为当前元素定义一个id属性，如：

C.选择符更适合定义类样式

D.一个id名称只能对应于文档中一个具体的元素对象

41、关于XHTML基本语法说法错误的是c

A.在文档开始要定义文档类型

B.在根元素中应声明命名空间

C.所有标签需闭合的，空标签要加"\"来关闭

D.所有属性值必须用""括起来

42、哪个HTML属性可用来定义内联样式d

A.font

B.class

C.styles

D.style

43、在HTML文档中，引用外部样式表的正确位置是b

A.文档的末尾

B.部分

C.文档的顶部

D.部分

44、关于div以下描述正确的是a

A.div是类似于一行一列表格的虚线框

B.div由行列形成的单元格构成，可执行合并拆分等操作

C.由div布局的网页结构与表现不分离

D.div不要求我们严格css支持

45、关于块状元素说法不正确的是：

C

A.块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包块div\h1-h6\p\ul等；

B.默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。

C.块状元素都不可以定义自己的宽度和高度。

D.块状元素一般都作为其他元素的容器，它可以容纳其它内联元素和其它块状元素。

我们可以把这种容器比喻为一个盒子。

二、填空题（每套15空，每空1分,共15分）

1、一个标签上应用多个类的时候，类名与类名之间用（空格）隔开

2、使用link元素调用CSS的语法中，（href）属性是用来指定CSS文件的路径的

3、可以取消加粗样式的声明语句是（font-weight:

100）

4、XHTML基本元素类型包括（块级元素）、（行内元素）、（可变元素）。

5、外部样式表文件可以由（import）标签导入。

6、取消列表项目符号的声明语句是（list-style:

none）

7、万维网联盟的英文全称是（worldwidewebcorsotium）

8、web标准是由（结构标准语言）、（表现标准语言）、（行为标准）这几个标准构成

9、css的英文全称是（cascadingstylesheets）、中文名是（层叠样式表）

10、有序列表的XHTML标签是（UL）

11、将某一div的高度设置成3像素，可以在该div上加：

overflow：

（hidden）属性或将（font-size）属性的属性值设为0像素。

12、Web标准可以分为3个方面：

（结构）标准语言、（表现）标准语言和（行为）标准语言。

13、CSS中文译作（层叠样式表），是W3C组织制定的，用于控制网页样式的一种（标准表现）语言。

14、典型的内联元素包括（a）（span）（input）（img）等。

15、background-（repeat）可以设置背景图片的平铺属性。

16、（text-decoration）:

none可以取消链接默认的下划线。

17、每个CSS样式都必须由两部分组成：

（选择符）和（声明）。

取消文本加粗的声明是（font-weight:

normal;）或（font-weight:

100;）（font-weight:

200）。

18、xhtml是（TheExtensibleHyperTextMarkupLanguage）的缩写，中文意思为（可扩展超文本标记语言）.

19、设置文本居中对齐的声明是（text-align:

center），设置单行文本在容器中垂直居中对齐可以设置（line-height）等于容器高度。

20、将表单或列表默认的边界值去掉，应输入（margin:

0;padding:

0;）.

21、在CSS中没有box这个属性，CSS中的box属性是由（content）（margin）（border）（padding）（background）六个基本部分组成的。

22.（clear）：

（both）可以清除左右浮动

23.（float）可以让DIV在水平方向上并列

24.给多个标签同时定义一组相同的样式时，标签与标签之间用（逗号）隔开，给一个标签定义多组样式时，样式与样式之间用（分号）隔开

25.由于实现了（结构）和（表现）相分离，所以使得修改页面外观很容易，同时可以不变动页面内容。

26.取消下划线的声明是（text-decoration:

none;）.

29.背景图片的属性设置包括（background-position）（background-repeat）（background-attachment）（background-image）.

30、dd标记上有默认的（边界值）

31、.使用link元素调用CSS的语法中，（href）属性是用来指定CSS文件的路径的 

32、、取消倾斜样式的声明是（font-style:

normal;）

33、XHTML基本元素类型包括（块状元素）（内联元素）（可变元素）

34、float的属性值包括（float:

left;）（float:

right）（float:

none;）

35、外部样式表文件可以由（link）（import）标签导入　

36、（Border-bottom）是设置底边框的。

三、判断题（每套10题，每题1分,共10分）

1、一个div可以插入多个背景图片（f）

2、背景颜色的写法background:

#ccc等同于background-color:

#ccc;（t）

3、DIV/CSS制作页面过程中不会出现浏览器兼容问题。

（f）

4、margin不可以单独定义某一个方向的填充值。

（t）

5、XHTML中要求必须要关闭所有的标签，包括空标签（t）

6、DIV/CSS中只有一种布局模型即浮动布局模型（f）

7、span与span默认是在垂直方向上并列的。

（f）

8、结构表现标准语言包括XHTML和XML以及HTML。

（f）

9、背景图可以延展到padding区域。

（t）

10、任何标签都可以通过加style属性来直接定义它的样式。

（t）

11、DIV/CSS制作页面过程中不会出现浏览器兼容问题。

（f）

12、　margin不可以单独定义某一个方向的填充值。

（f）

13、在IE7.0中，不存在双倍浮向问题。

（t）

14、相邻选择符的语法是：

选择符1+选择符2。

　（t）　　　　　　　　　

　　15、　XHTML中要求必须要关闭所有的标签，包括空标签（t）　　

　　16、DIV/CSS中只有一种布局模型即浮动布局模型。

（f）　

　　17、在超链接标记a上加替换文本时使用的是alt属性。

　（t）

18、span与span默认是在垂直方向上并列的。

（f）　　

19、在一个标记上加锚点可以使用id这个属性。

（t）

20、font-size:

medium;是指将文本大小设置为12px。

（f）

21、所有的CSS属性都存在兼容问题。

（f）

22、　结构表现标准语言包括XHTML和XML以及HTML。

（f）

24、背景图可以延展到padding区域。

（t）　　　　　　　　　　

25、同padding属性与margin属性类似，border属性也有单侧属性，即也可以单独定义某一个方向上的属性。

（t）

26、任何标签都可以通过加style属性来直接定义它的样式。

（t）　　

27、XML是一种扩展式标识语言。

（f）　

28、CSS样式表中id是用于描述多次出现的元素的。

　（f）　　　　　　　　　　　　　　

29、　双补浮向Bug在FF中不会出现（t）

30、可调用外部样式表“style.css”（t）

31、font-size:

12px;可将文本大小设为12px（t）

32、关于样式表的优先级,当样式中属性重复时，先设的属性起作用（f）

33、Hack是指一种兼容CSS在不同浏览器中正确显示的技巧方法（t）

34、导航从其本意上说，不是一个段落P，更不是一些个标题Hx，也不是一个DIV，DIV只是部分与分区。

（t）

35.导航实质上就是一个无序列表。

（t）

36.met元素只有一个属性:

name（f）

37、padding:

0;可实现自动包含内部元素的声明.（f）

38、IE6.0浏览器支持!

important声明：

（f）

39、双倍边距的问题不会在FF2.0中存在（t）

40、外部样式表文件可以由import标签导入　　（t）

41、input是空标签（t）　　　　　　　　　　　　

42、Border-bottom选项是设置边框的：

（t）

43、id和class只是在写法上有区别，在应用和意义上没有任何区别（f）

44、表格的作用有网页排版布局，显示数据（t）.

45、Web标准是一个复杂的概念集合，它由一系列标准组成（t）

46、Web标准里的表现标准语言主要包括CSS（t）

47.display属性的属性值共有12个（f）

48.表格的真正作用是网页排版布局（f）

49．font-weight:

bolder；可以加粗文本（t）

50．div由行列形成的单元格构成，可执行合并拆分等操作（f）

51.在css及xhtml中，注释代码分别是

---->，/**/（t）

52.dd标记上有默认的边界值（t）

四、简答题（每套5题，每题5分,共25分）

1、xhtml书写的语法规范（至少写出5条）？

答：

a、标签名要加上<>符

b、要有结束标签

c、属性与属性之间要用空格隔开

d、属性与属性值之间用=相连

e、属性值必须放到””中间（是英文半角的双引号）

f、区分大小写，尽量用小写形式

2、CSS的语法结构以及规范（至少写出5条规范）？

答：

CSS语法结构：

选择符{属性：

属性值；}

规范：

属性必须要包含在{}号之中。

属性和属性值之间用“:

”分隔。

当有多个属性时，用“；”进行区分。

在书写属性时属性之间使用空格、换行等，并不影响属性的显示。

如果一个属性有几个值，则每个属性值之间用空格分隔开。

3、出现高度塌陷后，闭合（清除）浮动的方法（至少写出3种方法）？

答：

（1）加高度属性

（2）加overflow:

auto声明语句（3）加空元素清除浮动法

（4）万能闭合浮动法

4、为什么在IE6中无法定义1px左右高度的容器，该如何解决？

答：

IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：

overflow:

hidden;/font-size:

1px;

5、写出如下图所示的表单效果的XHTML代码？

答：

XHTML代码：

用户名：

密码：

6、简述你对css盒子模式（框模型）的理解。

答：

网页设计中常用到的：

内容（content）、填充（padding）、边框（border）、边界（margin），CSS盒子模式都具备这些属性。

而盒子模式就就像日常生活的盒子，内容就是盒子里装的东西；而填充呢就是盒子里除了内容以外的；边框是盒子本身；而边界是盒子以外的空隙。

7、用户自定义的类和ID在定义和使用时有什么区别?

　　【解答】

定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。

8、简述SPAN元素和DIV元素的区别与用法，并分别各自写出一个例子。

【解答】