标记中必须出现BgColor 属性 C. BgColor 属性的值必须是16 进制的6 位数
D. BgColor 属性的值必须是已经定义好的颜色
答案: A
6.下面对于样式表的说法中错误的是( )
A.CSS就是Cascading Style Sheets,中文翻译为“层叠样式表”,简称样式表
B.将CSS指定的格式加入到HTML中的方法有2种
C.外部连结CSS时需要在HTML文件里加一个超级连结,连接到外部的CSS文档
D.如果内在添加的CSS 描述与外部连接的CSS 描述相冲突的话,网页的表现将以内在添加的CSS描述为主
答案: B
7.下面对于样式表的说法中错误的是( )
A.CSS 的定义是由三个部分构成:选择符(selector),属性(properties)和属性
的取值(value)
B.选择符是可以是多种形式,一般是你要定义样式的HTML标记,你可以通过此
方法定义它的属性和值,属性和值要用逗号隔开
C.CSS可以定义字体属性
D.CSS可以定义颜色和背景属性
答案: B
8.下列说法中错误的是( )
A.p {font-family: "sans serif"}定义段落字体为sans serif
B.p {text-align: center; color: red}定义段落居中排列;并且段落中的文字为红色
C.background-image属性用来设置背景图
D.a:visited{color:red;text-decoration:none}定义未访问的超链接颜色为红色
答案: D
9.下列选项中关于标签div与span的说法正确的是( )。
A. span标签只能用于文本内容
B. div标签显示时将独占一行
C. span标签在浏览器中显示时将占满一行
D. 多个div标签元素将在同一行显示
答案: B
10.下面代码片断分析正确的是( )。
A. 段落的背景色为gray
B. 段落的边框大小为1px
C. 段落的字体大小为16px
D. 样式应用错误
答案: D
11.已知与在同一服务器上,但不在同一文件夹中。假如文档在文件夹information中,proposals段落在文档中。现要求在文档中编写一个超链接,链接到文档的proposals段落。下面语句正确的是()。
A.Link
B.Link
C.Link
D.Link
答案: B
12. 根据以下的HTML代码:
表格
对以上代码,以下描述正确的是()。
A.该网页内容的第一行显示“表格”
B.1和2的表格在同一列
C.1和2的表格在同一行
D.1和3的表格在同一列
答案: C
13. 根据以下的HTML代码:
test water
test danger
WaterDanger
italic
以下说法正确的是()。
A.该段代码有一个类选择器
B.WaterDanger没有使用任何的选择器
C.“Italic”的颜色是绿色
D.“test danger”运用的选择器是danger
答案: D
14. 根据以下的HTML代码:
Contextual selectors
名人名言:
但丁说过:“走自己的路让别人去说吧!”
坚持自己的正确看法,不要让别人动摇你的信念
下列说法不正确的是()。
A.B是p父元素
B.B和I元素继承了p选择器的属性
C.Body是p的父元素
D.没有包含在样式表中的元素将继承其父元素的属性
答案: A
15. 根据以下的HTML代码:
change the rules
利用sheet1样式表
此路不通
the h2 element again
以下说法正确的是()。
A.“此路不通”运用了”warning”样式中说明的所有属性的值
B.该段链接的样式表名为””
C.该段链接的样式表名为”text/css”
D.“the h2 element again”的样式与”此路不通”一样
答案: A
16. 要在页面中绘制一条水平线,要求水平线左对齐显示、宽度占整个文档宽度的80%、粗细为5个像素、不带阴影。下列语句正确的是()。
A.
B.
C.
D.
答案: C
17. 创建一个样式表,可以设置当前页面中的某些(而不是所有)无序列表的内容的字体为斜体。下列代码正确的是()。
A.
B.
C.
D.
答案: C
18. 根据以下的HTML代码片段:
……
……
正确的显示结果是()。
A.页面中会有一个默认的表格标题
B.第一个单元格的背景色是红色
C.第二个单元格的的背景色为绿色
D.“2月”显示为粗体
答案: B
19. 下列选项中关于标签div与span的说法正确的是(A. span标签只能用于文本内容
B. div标签显示时将独占一行
C. span标签在浏览器中显示时将占满一行
D. 多个div标签元素将在同一行显示
答案: B
)。
20. 如果要在表单中,显示如下信息“您用什么方式购买证卷?网上交易、电话交易、经纪人代理”,用户只能从三个选项中选择一项。要实现以上需求,下面HTML语句正确的是()。
A.
您用什么方式购买证卷?
网上交易
电话交易
经纪人代理
B.
您用什么方式购买证卷?
网上交易
电话交易
经纪人代理
C.
您用什么方式购买证卷?
D.
您用什么方式购买证卷?
答案: B
21.我们想要让当前整个表格的背景色为蓝色,应该使用哪一句代码来描述此种设置( )
r="blue"
nd="blue"
lor="blue"
ound="blue"
答案: A
22.我们想要让表格的边框在页面中一定不显示出来,用什么方法可以做到呢( )
r="white"
r="null"
="0"
color="white"
答案: C
23.我们想要将表格的宽度设置为100个像素,应该怎么办( )
="100"
="100"
="100"
gth="100"
答案: A
24.我们想要将表格中的文字放在靠上居中的位置,应该怎么办( )
="middle"align="top"
="center"align="top"
="middle"align="top"
="top" align="center"
答案: D
25.我们想要在HTML文档中加入图像,可以使用哪个标记来达到要求呢?( )
A.
B.
C.
D.
答案: C
26.我们发现为页面中的图像加入超链接后,默认情况下都带有一道黑框,有什么方法可以去掉它呢?( )
color="white"
="0"
="no border"
="0"
答案: B
27.我们想要将表格中加入的图像充满整个单元格,使用哪种方式可以做到?( )
="100"
="100%"
="100"
="100%"
答案: D
28. li 元素中包含img 元素的时候,IE 中img 下面多出了5px左右的空白,下列哪个处理办法不可行( )
A.使 li 浮动,并设置 img 为块级元素
B.设置 ul 的 font-size:0;
C.设置 img 的 margin: 0;
D.设置 img 的 margin-bottom: -5px
答案: C
29.
表示( ) A.表格有边框,宽度为400像素
B.表格有边框,宽度为400%
C.表格有边框,宽度为400厘米
D.表格没有边框
答案: A
30. 制作无序号号列表,需使用( )标签。
A.
和
B.
和 C.
、
和 D.
、
和 答案: B
二、
填空题
1) 改变元素的外边距用________,改变元素的内填充用________。
答案: margin padding
2) 在Table中,TR是________,TD是________。
答案: 行 单元格
3) 一个Div容器居于屏幕水平居中的属性是________。
答案:margin:0 auto
4)使用________属性可以显示没有下划线的超链接。
答案:text-decoration:none
5)对于列表,清除列表的缩进,可以对UL实施________属性。
答案:margin:0px
6)使用________属性用来定义可以在列表中使用图片代替项目符号。
答案: list-style-image
7)元素的________属性用来定义块元素的浮动方式。
答案:浮动属性 (float)
8)文字与图片的左右居中直接用________即可让文字与图片内容居中。
答案:text-align:center
9)通过使用CSS属性类样式________实现文字与图片的垂直居中。
答案:line-height
10)进行二级菜单制作时,为了防止二级菜单的内容被一级菜单遮盖,可以给一级菜单增加一个________属性,为二级菜单增加一个________属性,进行相对定位。
答案:position:relative position:absolute
三、
简答题
1) CSS指的是什么?在网页制作中为什么要使用CSS技术?
答案:
CSS(Cascading Style Sheets)也叫层叠样式表,它是用来控制网页中一个或多个元素的外观。在网页制作中,使用样式表可以减少很多具有相同外观元素的重复设置工作,从而给网页的设计和维护带来了很大的方便;具体应用是:改变样式表中元素显示样式的定义,则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
2)网页制作中有哪几种样式设置方法?各有何特点?
答案:网页制作中有:内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
(1)内联式样式设置:
设置方法:直接在要设置样式的各标记元素中修改style属性;
优点:直观、方便;
缺点:不易于维护和修改;
适用于:网页中个别需要修改的元素的样式定义;
(2)直接嵌入式样式设置:
设置方法:在HTML文档的
之间添加定义, 部分是所有需要设置样式的元素的属性定义。
优点:对当前页面内的所有元素的样式修改、维护比较方便;
缺点:对于网站建设,要采用相同的样式设置则比较麻烦;
适用于:单独网页的样式定义;
(3)外部链接式样式设置:
设置方法:把所有样式定义放在一个独立的文件中,凡是需要使用该文件中规定样式的网页,只要在其
与之间添加一个对该样式文件的链接:href="" rel="Stylesheet" />即可;
适用于:需要统一显示样式的网站建设。
2)JavaScript 中settimeout 与setinteval 两个函数的区别?
答案:settimeout 只执行一次,setInteval 没有次数限制。
3)JavaScript 中的数据类型有几种?分别是什么?
答案:JavaScript 中的数据类型有7种,分别是: 1)Number 数字类型2)String 字符串类型3)Boolean 布尔类型4)Function 函数5)Object 对象6)Null7)Undefined 没有定义类型
4)全局CSS主要文件主要作用是什么?
答案:全局的CSS文件主要规定了网站的统一视觉效果。例如,基本的页面宽度、网页背景色、默认字体风格、以及主体结构的相对位置等等。基本信息部分主要用于网站的全局默认风格的定义。主要包含了页面背景颜色,背景图片,超链接、字体、字号、字间距等样式定义。
四、 实验题
1. 通过JS实现树形菜单的功能,“标题”为“链接”的父节。
答案:对上文静态代码实施的Script源文件如下:
2.使用DIV+CSS代码设计如下的页面布局。
答案:
文件代码如下:
body { font-family:Verdana; font-size:14px; margin:0;}
#container {margin:0 auto; width:100%;}
#header { height:100px; background:#9c6; margin-bottom:5px;}
#menu { height:30px; background:#693; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:200px; height:500px; background:#cf9;}
#content { margin-left:205px !important; margin-left:202px; height:500px; background:#ffa;}
#footer { height:60px; background:#9c6;}
本文标签:
样式
属性
元素
定义
表格
发表评论