XHTML+CSS考试试题答案

合集下载

htmlcss多选题及答案,前端面试题(含答案)——HTML、CSS相关

htmlcss多选题及答案,前端面试题(含答案)——HTML、CSS相关

htmlcss多选题及答案,前端⾯试题(含答案)——HTML、

CSS相关

HTML相关

1、标签的定义与⽤法。

定义和⽤法

声明位于⽂档中的最前⾯的位置,处于 标签之前。此标签可告知浏览器⽂档使⽤哪种 HTML 或 XHTML 规范。该标签可声明三种 DTD 类型,分别表⽰严格版本、过渡版本以及基于框架的 HTML ⽂档。

以下⾯这个 标签为例:

在上⾯的声明中,声明了⽂档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进⾏了定义。浏览器将明⽩如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使⽤公共标识符后⾯的 URL 作为寻找 DTD 的位置。

提⽰和注释:

注释: 标签没有结束标签!

HTML

HTML 4.01 规定了三种⽂档类型:Strict、Transitional 以及 Frameset。

HTML Strict DTD

如果您需要⼲净的标记,免于表现层的混乱,请使⽤此类型。请与层叠样式表(CSS)配合使⽤:

HTML Transitional DTD

Transitional DTD 可包含 W3C 所期望移⼊样式表的呈现属性和元素。如果您的读者使⽤了不⽀持层叠样式表(CSS)的浏览器以⾄于您不得不使⽤ HTML 的呈现特性时,请使⽤此类型:

Frameset DTD

Frameset DTD 应当被⽤于带有框架的⽂档。除 frameset 元素取代了 body 元素之外,Frameset DTD 等同于 Transitional DTD:

CSS+DIV网页布局技术教程期末试题B及答案

CSS+DIV网页布局技术教程期末试题B及答案

CSS+DIV网页布局技术教程期末试题B及答案

CSS+DIV网页布局技术教程期末考试试卷(B卷)

(考试时间90分钟,满分100分)

一、选择题(1~20题,每题2分,共40分)

下面各题A、B、C、D四个选项中,只有一个选项是正确的,请将正确选项涂抹在答题卡相应的位置上,答在试卷上不得分。

1.CSS是利用什么XHTML标记构建网页布局?()

A

B

C

D

2.在CSS语言中下列哪一项是"左边框"的语法?()

A.border-left-width: <值>

B.border-top-width: <值>

C.border-left: <值>

D.border-top-width: <值>

3.在CSS语言中下列哪一项的适用对象是"所有对象"?()

A背景附件

B文本排列

C纵向排列

D文本缩进

4.下列选项中不属于CSS 文本属性的是()

A.font-size B.text-transform

C.text-align D.line-height

5.在CSS 中不属于添加在当前页面的形式是()

A.内联式样式表B.嵌入式样式表

C.层叠式样式表D.链接式样式表

6.在CSS语言中下列哪一项是"列表样式图象"的语法?()

A.width: <值>

B.height: <值>

C.white-space: <值>

D.list-style-image: <值>

7.下列哪一项是css正确的语法构成?()

A.body:color=black

B.{body;color:black}

css测试题

css测试题

一、单项选择题(20 X 3= 60分)

1、CSS是利用什么XHTML标记构建网页布局?()

A<dir>

B<div>

C<dis>

D<dif>

2、在CSS语言中下列哪一项是"左边框"的语法?()

A、border-left-width: <值>

B、border-top-width: <值>

C、border-left: <值>

D、border-top-width: <值>

3、在CSS语言中下列哪一项的适用对象是"所有对象"?()A背景附件

B文本排列

C纵向排列

D文本缩进

4、下列选项中不属于CSS 文本属性的是()

A.font-size B.text-transform

C.text-align D.line-height

15、在CSS 中不属于添加在当前页面的形式是()

A.内联式样式表B.嵌入式样式表

C.层叠式样式表D.链接式样式表

5、在CSS语言中下列哪一项是"列表样式图象"的语法?()

A、width: <值>

B、height: <值>

C、white-space: <值>

D、list-style-image: <值>

6、下列哪一项是css正确的语法构成?()

A、body:color=black

B、{body;color:black}

C、body {color: black;}

D.、{body:color=black(body}

8、下面哪个CSS属性是用来更改背景颜色的?

XHTML-试题

XHTML-试题

选择题(每题2分,共计100分)

CSS的全称是()。

A. Computer Style Sheets

B. Cascading Style Sheets

C.Creative Style Sheets D.Colorful Style Sheets

在HTML文档中,引用外部样式表文件的位置正确的是()。

A.在HTML文档的最后B.在body片断内

C.在HTML文档的顶部D.在head片断内

以下选项中,用来定义内嵌样式规则的是()。

A.

300道HTML、CSS习题及面试题(含答案)

300道HTML、CSS习题及面试题(含答案)

HTML+CSS习题及面试题

1.

[问答题]

根据下面效果图设计页面:

两点要求:

1.自适应宽度,左右两栏固定宽度,中间栏优先加载;

2.要考虑到换肤

---------------------------------------------------------------------------------------------------------------------------- 来自:2011腾讯前端面试稿

参考:

1.自适应宽度,左右两栏固定宽度,中间栏优先加载,可以采用双飞翼布局。

<style type="text/css">

*{ margin:0; padding:0px;}

.header{ background:#666; text-align:center;}

.body{ overflow:hidden;*zoom:1;}

.wrap-2{ margin-top:30px;}

.wrap-2 .main-2{ float:left; width:100%;margin-bottom:-3000px; padding-bottom:3000px;background:#F90;}

.wrap-2 .main-wrap-2{ margin:0 200px 0 150px; }

.wrap-2 .sub-2{ float:left; margin-left:-100%; width:150px; background:#6C0; margin-bottom:-3000px; padding-bottom:3000px;}

CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)

5.下列哪一项是CSS正确的语法构成() [单选题] [必答题]

○ A.body:color=black

○ B.{body;color:black}

○ C.body{color:black}(正确答案)

○ D.{body:color=black}

6.下面哪个CSS属性是用来改变背景颜色的() [单选题] [必答题]

○ A.background-color:(正确答案)

○ B.bgcolor:

○ C.color:

○ D.text:

7.怎样给所有的

○ A. .h1 { background-color:#ffffff }

○ B. h1 { background-color; }(正确答案)

○ C. h1.all { background-color:#ffffff }

○ D. #h1 { background-color:#ffffff }

8.下列哪个CSS属性可以更改样式表的字体颜色() [单选题] [必答题] ○ A.text-color=

○ B.fgcolor:

○ C.text-color:

○ D.color:(正确答案)

9.下列哪个CSS属性可以更改字体大小() [单选题] [必答题]

○ A.text-size

○ B.font-size(正确答案)

○ D.font-style

10.下列哪段代码能够定义所有P标签内文字加粗() [单选题] [必答题]

○ A.

○ B.< p style=”font-size:blod”>

○ C.p{ text-size:bold; }

○ D.p{ font-weight:bold; }(正确答案)

XHTML-试题

XHTML-试题

--------------------------------------

装--------------------------------------

订------------------------------

线---------------------------------------- 选择题(每题2分,共计100分)

1.CSS的全称是()。

A. Computer Style Sheets

B. Cascading Style Sheets

C.Creative Style Sheets D.Colorful Style Sheets

2.在HTML文档中,引用外部样式表文件的位置正确的是()。

A.在HTML文档的最后B.在body片断内

C.在HTML文档的顶部D.在head片断内

3.以下选项中,用来定义内嵌样式规则的是()。

A.

各大互联网公司前端笔试面试题–HTML,CSS篇

各大互联网公司前端笔试面试题–HTML,CSS篇

各大互联网公司前端笔试面试题–HTML,CSS篇

而更多的题目是我一路以来收集的,也有往年的,答案不确保一定正确,如有错误或有更好的解法,还请斧正。

前面几题是会很基础,越下越有深度。

Html篇:

1.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

•IE: trident内核

•Firefox:gecko内核

•Safari:webkit内核

•Opera:以前是presto内核,Opera现已改用Google Chrome 的Blink内核

•Chrome:Blink(基于webkit,Google与Opera Software共同开发)

2.每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?

答案:声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点:告诉浏览器按照何种规范解析页面)

3.Quirks模式是什么?它和Standards模式有什么区别

答案:

从IE6开始,引入了Standards模式,标准模式中,浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。

在IE6之前CSS还不够成熟,所以IE5等之前的浏览器对CSS的

支持很差, IE6将对CSS提供更好的支持,然而这时的问题就来了,因为有很多页面是基于旧的布局方式写的,而如果IE6 支持CSS则将令这些页面显示不正常,如何在即保证不破坏现有页面,又提供新的渲染机制呢?

在写程序时我们也会经常遇到这样的问题,如何保证原来的接口不变,又提供更强大的功能,尤其是新功能不兼容旧功能时。遇到这种问题时的一个常见做法是增加参数和分支,即当某个参数为真时,我们就使用新功能,而如果这个参数不为真时,就使用旧功能,这样就能不破坏原有的程序,又提供新功能。IE6也是类似这样做的,它将DTD当成了这个“参数”,因为以前的页面大家都不会去写DTD,所以IE6就假定如果写了DTD,就意味着这个页面将采用对CSS支持更好的布局,而如果没有,则采用兼容之前的布局方式。这就是Quirks 模式(怪癖模式,诡异模式,怪异模式)。

XHTML+CSS试题有答案

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、阅读以下代码:

<style type="text/css">

body {margin:0}

div {float:left;

margin-left:10px;

width:200px;

height:200px;

border:1px solid red }

</style>

解析正确的是:(C )

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

CSS试题

CSS试题

CSS

一、单选题

1.CSS是利用( B )XHTML标签构建网页布局。

A.

B.

C.

D.

2.在CSS语言中下列哪一项是“左边框”的语法( C )

A.border-left-width:

B.border-top-width:

C. border-left:

D. border-top-width:

3.在下列CSS语言中( A )适用对象是“所有对象”。

A.背景附件

B.文本排列

C.纵向排列

D.文本缩进

4.下列( D )不属于CSS文本属性。

A.font-size

B.text-transform

C.text-align

D.line-height

5.下列哪一项是CSS正确的语法构成( C )

A.body:color=black

B.{body;color:black}

C.body{color:black}

D.{body:color=black}

6.下面哪个CSS属性是用来改变背景颜色的( A )

A.background-color:

B.bgcolor:

C.color:

D.text:

7.怎样给所有的

A. .h1 { background-color:#ffffff }

B. h1 { background-color; }

C. h1.all { background-color:#ffffff }

D. #h1 { background-color:#ffffff }

8.下列哪个CSS属性可以更改样式表的字体颜色( D )

A.text-color=

B.fgcolor:

C.text-color:

D.color:

CSS试题

CSS试题

CSS试题

一、单项选择题(20 X 3= 60分)

1、CSS是利用什么XHTML标记构建网页布局?()

A

B

C

D

2、在CSS语言中下列哪一项是"左边框"的语法?()

A、border-left-width: <值>

B、border-top-width: <值>

C、border-left: <值>

D、border-top-width: <值>

3、在CSS语言中下列哪一项的适用对象是"所有对象"?()

A背景附件

B文本排列

C纵向排列

D文本缩进

4、下列选项中不属于CSS 文本属性的是()

A.font-size B.text-transform

C.text-align D.line-height

15、在CSS 中不属于添加在当前页面的形式是()

A.内联式样式表B.嵌入式样式表

C.层叠式样式表D.链接式样式表

5、在CSS语言中下列哪一项是"列表样式图象"的语法?()

A、width: <值>

B、height: <值>

C、white-space: <值>

D、list-style-image: <值>

6、下列哪一项是css正确的语法构成?()A、

body:color=black

B、{body;color:black}

C、body {color: black;}

D.、{body:color=black(body}

8、下面哪个CSS属性是用来更改背景颜色的?

A.background-color:

B.bgcolor:

html+css笔试附答案

html+css笔试附答案

html+css

满分:172 分考试时间:180 分钟

一、单选题(总分172,每小题1分)

1、下列关于XHTML中得CSS样式表得说法正确得就是( )

A、CSS样式表得基本选择器有:标记选择器、Id选择器与类选择器及后代选择器

B、C SS样式表仅具有继承性

C、对于定义样式div 、p{color:red;}意思就是div下面得应用了类p得标签得字体颜色为红色

D、I D选择器在CSS样式表具有最高优先级

正确答案:C

2、以下选项中,不就是页面布局模型得就是( )

A、盒子模型

B、层模型

C、流动模型

D、浮动模型

正确答案:A

3、以下不就是float属性得就是( )

A、l eft

B、n one

C、r ight

D、a ll

正确答案:D

4、在CSS中,关于BOX得margin属性得叙述正确得就是( )

A、边距margin只能取一个值

B、margin属性得参数有margin-left、margin-right、margin-top、margin-bottom

C、m argin属性得值不可为auto

D、m argin属性得参数值不能全部设置成0px

正确答案:B

5、下列不属于盒子得定位得就是( )

A、浮动定位

B、盒子得流动定位

C、盒子得页面定位

D、P osition定位

正确答案:C

6、以下代码片断中,属于静态定位得就是( )

A、#bb{width:100px;position:relative }

B、#bb{width:100px;position:sastic }

C、#bb{width:100px; }

html+css试题

html+css试题

一、选择题

1.HTML中的<h1>标签表示什么级别的标题?

A. 一级

B. 二级

C. 三级

D. 四级

2.在CSS中,要设置一个元素的背景色为红色,应使用哪个属性?

A. background-color

B. color

C. background

D. none

3.要将一个元素的宽度设置为100像素,应使用哪个属性?

A. width: 100px

B. height: 100px

C. padding: 100px

D. margin: 100px

二、填空题

1.在HTML中,要创建一个段落,应使用________标签。

2.在CSS中,要将一个元素的字体设置为斜体,应使用________属性。

3.要将一个元素的边距设置为自动,应使用________值。

三、简答题

1.描述HTML中的<div>标签的作用。

2.解释CSS中的display属性的作用及其常见的值。

HTML+CSS基础考题含答案

HTML+CSS基础考题含答案

一专多能裁切试题

姓名:________ 职位______________

(注:PS为Photoshop、DW为Dreamweaver)

一、判断正误

(1)HTML标记符的属性一般不区分大小写。(对)

(2)网站就是一个链接的页面集合。(对)

(3)HTML是HyperText Markup Language(超文本标记语言)的缩写。(对)(4)所有的HTML标记符都包括开始标记符和结束标记符。(错)

(5)用H1标记符修饰的文字通常比用H6标记符修饰的要小(错)。

(6)B标记符表示用粗体显示所包括的文字。(对)

(7)GIF格式的图象最多可以显示256种颜色。(对)

(8)在Dreamweaver中它只能对HTML文件可以进行编辑。(错)

(9)Photoshop存储文件时,默认的是PSD格式文件。(对)

(10)Photoshop里的文字被栅格化后,不能对其字体做修改了。(对)

二、单项选择题目

1.PS中切片工具的快捷键是哪个?( C )

A.X

B.ctrl+C

C.C

D.ctrl+X

2.在PS中如何复制出相同大小的切片( C )

A.Ctrl+V

B.按住Ctrl键拖拉切片

C.按住Alt键拖拉切片

D.同时按住Ctrl+Alt键拖拉切片

3.请选出哪个不是块级元素( D )

A.P

B.D IV

C.U L

D.SPAN

4.HTML中注释的写法正确的是(A)

A、<!---->

B、/**/

C、//

D、“”

5.在PHOTOSHOP中,显示或隐藏<图层>面板的快捷键是(c)

A、F5

B、F6

C、F7

CSS试题

CSS试题

A. <dir>

B.<div>

C.<dis>

D.<dif>

CSS

一、单选题

1. CSS 是利用( B

)XHTML 标签构建网页布局。

2. 在 CSS 语言中下列哪一项是“左边框”的语法(

C )

3. 在下列 CSS 语言中( A )适用对象是“所有对象” 。

A.背景附件

B.文本排列

C.纵向排列

D.文本缩进

4. 下列( D

)不属于 CSS 文本属性。

A.font-size

B.text-transform

C.text-align

D.line-height

5. 下列哪一项是 CSS 正确的语法构成( C )

A.body:color=black

B.{body;color:black}

C.body{color:black}

D.{body:color=black}

6. 下面哪个 CSS 属性是用来改变背景颜色的( A )

A.background-color:

B.bgcolor:

C.color:

D.text:

7. 怎样给所有的 <h1>标签添加背景颜色(

B )

A. .h1 { background-color:#ffff f }

B. h1 { background-color;

}

C. h1.all { background-color:#ffffff }

D.

#h1 { background-color:#ffffff

}

8. 下列哪个 CSS 属性可以更改样式表的字体颜色(

D )

A.text-color=

B.fgcolor:

C.text-color:

(完整版)CSS综合练习50选择题(单、多)

(完整版)CSS综合练习50选择题(单、多)

CSS综合练习50选择题(单、多)

基本信息: [矩阵文本题] [必答题]

姓名:________________________

学号:________________________

班级:________________________

1.CSS是利用()XHTML标签构建网页布局。 [单选题] [必答题] ○ A.

○ B.

○ C.

○ D.

2.在CSS语言中下列哪一项是“左边框”的语法() [单选题] [必答题] ○ A.border-left-width:

○ B.border-top-width:

○ C. border-left:(正确答案)

○ D. border-top-width:

3.在下列CSS语言中()适用对象是“所有对象”。 [单选题] [必答题] ○ A.背景附件(正确答案)

○ B.文本排列

○ C.纵向排列

○ D.文本缩进

4.下列()不属于CSS文本属性。 [单选题] [必答题]

○ A.font-size

○ B.text-transform

○ C.text-align

○ D.line-through(正确答案)

5.下列哪一项是CSS正确的语法构成() [单选题] [必答题]

○ A.body:color=black

○ B.{body;color:black}

○ C.body{color:black}(正确答案)

○ D.{body:color=black}

6.下面哪个CSS属性是用来改变背景颜色的() [单选题] [必答题]

○ A.background-color:(正确答案)

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

XHTML+CSS考试题

姓名:批次:分数:

一.选择

1. 表示放在每个定义术语词之前的XHTML代码是( A )

A.

B.

C.

D.

    2. 如何在新窗口中打开链接?( D )

    A.

    B.

    C.

    D.

    3. 是用来指定什么的?C

    A. 混合分框

    B. 纵向分框

    C. 横向分框

    D. 任意分框

    4. 框架中“不可改变大小”的语法是下列哪一项( B )

    A.

    B.

    C.

    D.

    5. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度( A )

    A.display:inline

    B.display:none

    C. display:block

    D. display:inherit

    6. 不换行必须设置( A )

    A.word-break

    B.letter-spacing

    C.white-space

    D.word-spacing

    7. 选出你认为最合理的定义标题的方法( C )

    A.文章标题

    B.

    文章标题

    C.

    文章标题

    D. 文章标题

    二.简答

    1. 如何由页面底部快速跳到页面的顶部?插下锚标签

    2. 如何给文字连接加上文字提示?alt=””

    3. 如何让所有页面共享同一个层叠样式表(CSS)?

    4. 如何让所有链接在框架的同一指定窗口打开?

    5. 图片加链接后有浏览器默认的边框,如何消除?设置边框等于0

    6. 将以下CSS代码进行缩写,注意要符合缩写的规范。

    a) 代码一:

    border-width:1px;

    border-color:#000;

    border-style:solid;

    border:1px solid #000

    b) 代码二:

    background-position:0 0;

    background-repeat:no-repeat;

    background-attachment:fixed;

    background-color:#f00;

    background-image:url(background.gif);

    Background:#foo url(background.gif) no-repeat fixed 0 0

    c) 代码三:

    font-style:italic;

    font-family:"Lucida Grande",sans-serif;

    font-size:1em;

    font-weight:bold;

    font-variant:small-caps;

    line-height:140%;

    Font:italic small-caps bold 1em/140% “Lucida Grande“,sans-serif d) 代码四:

    list-style-position:inside;

    list-style-type:square;

    list-style-image:url(image.gif);

    List-style:square inside url(image.gif)

    e) 代码五:

    margin-left:20px;

    margin-right:20px;

    margin-bottom:5px;

    margin-top:20px;

    margin:20px 20px 5px 20px;

    f)代码六:

    color:#336699;

    color:#ffcc00;

    color:#369;

    color:#fc0

    7.使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。

    要求:

    1.使用2个div完成

    2.使用3个div完成

    3.使用5个div完成

    8.用DIV+CSS制作出以下模型。

    相关文档
    最新文档