1、 单选题
(1)要使单选框或复选框默认为已选定,要在input标签中加( )属性
A、selected B、disabled C、type D、checked
(2)要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加( )属性
A、selected B、disabled C、type D、checked
(3)下列哪一项表示的不是按钮。( )
A.type=\B.type=\C.type=\ D.type=\
(4)下面哪一个属性不是文本的标签属性?( )
A.nbsp; B.align C.color D.face
(5)下面哪一项的电子邮件链接是正确的?( )
A.xxx.com.cn B.xxx@.net C.xxx@com D.xxx@xxx.com
(6)当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( )
A.ASP B.HTML C.ZIP D.CGI
(7)下面说法错误的是( )
A、CSS样式表可以将格式和结构分离 B、CSS样式表可以控制页面的布局 C、CSS样式表可以使许多网页同时更新 D、CSS样式表不能制作体积更小下载更快的网页
(8)CSS样式表不可能实现( )功能。
A、将格式和结构分离 B、一个CSS文件控制多个网页 C、控制图片的精确位置 D、兼容所有的浏览器
(9)若要在网页中插入样式表main.css,以下用法中,正确的是()。
A、 B、 C、
D、
(10)若要在当前网页中定义一个独立类的样式myText,使具有该类样式的正文字体为”Arial”,字体大小为9pt,行间距为13.5pt,以下定义方法中,正确的是()。
A、
B、.myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt} C、 D、
(11)下列哪个标签是定义标题的( )
A、h1 B、hr C、hw D、p
(12)html中的注释标签是( ) A、 <-- --> B、<--! --> C、
D、<-- --!>
(13)…标签的作用是( )
A、斜体 B、下划线 C、上划线 D、加粗 (14)网页中的空格在html代码里表示为( )
A、& B、 C、" D、< (15)下列哪种方式是用类选择器定义样式的() A、p{color:red;} B、.one{color:red;} C、#two{color:red;} D、p,h1{color:red;} (16)、下面哪一项是换行符标签?( )
A.
B. C.(17)、下列哪一项是在新窗口中打开网页文档。( )
A._self B._blank C._top D._parent (18)、用HTML标记语言编写一个简单的网页,网页最基本的结构是( )。 A
… BA.1 B.0 C.2 D.3
(20)在HTML中,标记
的作用是( )。A.标题标记 B.预排版标记 C.转行标记 D.文字效果标记
(21)定义锚记主要用到标签中的( )属性。
A、name B、target C、onclick D、onmouseover
(22)下列哪个是正确的css集体声明方式() A、p;h1{color:red;} B、.one{color:red;} C、#two{color:red;} D、p,h1{color:red;}
(23)下列样式定义字体为宋体、字体颜色为红色、斜体、大小20px、粗细800号, 正确的定义是:( ) A、p {font-family:宋体;font-size:20px;font-weight:800;color:red;font-style:italic; } B、p {font-family:20px;font-size:宋体;font-weight:800;color:red;font-style:italic; } C、p {font-family:20px;font-size:800;font-weight:宋体;color:red;font-style:italic; } D、p{font-family:800;font-size:20px;font-weight:red;color: italic;font-style:宋体; } (24)下列样式定义字体间距为0.5倍间距、水平左对齐、垂直顶端对齐、有下划线,正确的定义是:()
A、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:top;text-align:
left; } B、 p{text-decoration:0.5em;letter-spacing:underline;vertical-align:top;text-align:
left; } C、 p{text-decoration:left;letter-spacing:top;vertical-align:0.5em;text-align:underline; }
D、 p{text-decoration:underline;letter-spacing:0.5em;vertical-align:left;text-align:
top; }
(25)关于文本对齐,源代码设置不正确的一项是:( )
A.居中对齐:
(26)要在新窗口中打开所点击的链接,实现方法是将标签的target属性设为( )
A、_blank B、_self C、_parent D、_top (27)下列代表无序清单的标签是( ) A、 …… B、
……
C、…… D、< li >…< ol >… li >(28)定义表单所用的标签是( )
A、table B、form C、select D、input
(29)要实现表单元素中的复选框,input标签的type属性应设为( )
A、radio B、checkbox C、select D、text (30)CSS的缩写是 ( )
A.Computer Style Sheets B.Cascading Style Sheets C.Creative Style Sheets D.Colorful Style Sheets
2、填空题 (1)、可用
标签定义段落。 (2)、CSS为超级链接文本建立了4个伪类选择器: a:link 为尚未链接的超级链接文本样式, a:visited 为已链接过的超级链接文本样式, a:hover 为鼠标移到超级链接文本上方的样式, a:active 为在超级链接文本上的选择鼠标的样式。
(3)用来输入密码的表单域是 type=password 。
(4)文件头标签包括关键字、描述、 编码、基础和链接等。
(5)Area的shape属性中,shape=rect表示的形状为__矩形___;shape=circle表示的形状为__圆形__;shape=poly表示的形状为__多边形_。 (6)、要生成水平线,可用
标签。 (7)、中的 src 属性是用于指定图片源文件地址的。 (8)、要定义表单元素中的文本框,input标签中type属性应设为 text 。 (9)、要定义表单元素中的密码框,input标签中type属性应设为 password 。
(10)表格的标签是 ,单元格的标签是 。
(11)HTML网页文件的标记是________,网页文件的主体标记是_________,标记页面标题的标记是_____________。
(12)表格的宽度可以用百分比和 像素两种单位来设置。
(13)HTML文件的扩展名_____________,CSS文件的扩展名_____________。 (14)定义换行所用的标签是 br 。 (16) 、合理的页面布局中常听过结构与表现分离,那么结构是__.html __,表现是___.css (17)、如下图为一个border为1px 的div块,总宽度为215px(包括border),阴影区为padding-left:25px;,那么此div的width应设置为___188___px。
(18)、CSS样式有内联式,内嵌式,链接式和导入式 (19)、CSS中ID选择符在定义的前面要有指示符 #。
(20)、创建自定义CSS样式时,样式名称的前面必须加一个圆点 (21)、a:hover表示超链接文字在鼠标放上去 时的状态。
(22)、div与span的区别是__div是块元素,span是行内或内联元素 (23)、 改变元素的外边距用_____ margin _____,改变元素的内填充用____ padding (24)、Color:#666666;可缩写为______color:#666________________。
3. 将以下CSS代码进行缩写,注意要符合缩写的规范。 (1)、 代码一: border-width:1px; border-color:#000; border-style:solid; (2)、 代码二: background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; background-color:#f00;
background-image:url(background.gif); (3)、 代码三: font-style:italic;
font-family:\ font-size:1em; font-weight:bold; font-variant:small-caps; line-height:140%; (4)、 代码四:
list-style-position:inside; list-style-type:square;
list-style-image:url(image.gif); (5)、代码五: margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px; (6)、代码六: color:#336699; color:#ffcc00;
3、制作题(15分)
(1)使用内联的CSS样式,重构一个如下图的水平、垂直都居中短边为50px,长边为150px的红色十字架。
要求:
1) 使用2个div完成 2) 使用3个div完成 3) 使用5个div完成 请将代码写出。 答案: 1、使用2个div完成: