2023年12月16日发(作者：)

G1 HTML+CSS测试题（笔试）

1. 在html中，样式表按照应用方式可以分为三种类型，其中不包括（ ）。

A. 内嵌样式表

B. 行内样式表

C. 外部样式表文件

D. 类样式表

2. 在HTML中，可以使用（ ）标记向网页中插入GIF动画文件。

A.

B.

C.

D.

3. 在HTML上，将表单中INPUT元素的TYPE属性值设置为（ ）时，用于创建重置按钮。

A. reset

B. set

C. button

D. image

4. 分析下面的HTML代码段，该页面在浏览器中的显示效果为（ ）。

Welcome!

A. 从左向右滚动显示“Welcome!”

B. 从右向左滚动显示“Welcome!”

C. 从上向下滚动显示“Welcome!”

D. 从下向上滚动显示“Welcome!”

5. 在制作HTML页面时，页面的布局技术主要分为（ ）。

A. 框架布局

B. 表格布局

C. DIV层布局

D. 以上全部选项

6. 如果在中包含如下代码，则该HTML文档IE浏览器中打开后，用户单击此链接将( )。

小说

A. 使页面跳转到同一文件夹下名为“”的HTML文档

B. 使页面跳转到同一文件夹下名为“小说.html”的HTML文档

C. 使页面跳转到包含名为“novel”的锚记处

D. 使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处

7. 要在网页中显示如下文本，要求字体类型为隶书、字体大小为6，则下列HTML代码正确的是（ ）。

欢迎访问我的主页！

A.

欢迎访问我的主页！

B.

欢迎访问我的主页！

C.

欢迎访问我的主页！

D.

欢迎访问我的主页！

8. 分析下面的HTML代码片段，则选项中的说法正确的是（ ）。[选两项]

姓名
成绩语文
数学

A. 该表格共有2行3列

B. 该表格的边框宽度为10毫米

C. 该表格中的文字均居中显示

D. “姓名”单元个跨2列

9. 某一站点主页面的代码如下所示，则选项中关于这段代码的说法正确的是（ ）。

A. 该页面共分为三部分

B. 显示在页面上部分，其宽度和窗口宽度一致

C. 显示在页面左下部分，其高度为100像素

D. 显示在页面右下部分，其高度小于窗口高度

10. 在HTML中，以下关于CSS样式中文本属性的说法，错误的是（ ）。

A. font-size用来设置文本的字体大小

B. font-family用来设置文本的字体类型

C. color用来设置文本的颜色

D. text-align用来设置文本的字体形状

11. 以下说法正确的是（ ）。

A.

标签必须以

标签结束

B.
标签必须以
标签结束

C. 标签应该以标签结束

D. 标签不能在

标签中使用 
12. 关于下列代码片段的说法中，正确的是（     ）。 
…
… 
A. size是指水平线的长度 
B. size是指水平线的宽度 
C. width是指水平线的宽度 
D. width是指水平线的高度 
13. 以下说法正确的是（    ）。 
A. 标签是页面链接标签，只能用来链接到其他页面 
B. 标签是页面链接标签，只能用来链接到本页面的其他位置 
C. 标签的src属性用于指定要链接的地址 
D. 标签的href属性用于指定要链接的地址 
14. 以下关于HTML语言中的表格的说法正确的是（     ）。[选两项] 
A. 在HTML语言中，表格必须由
标签、标签、标签，就有多少列

D. 有多少对

标签组成，缺一不可

B. 有多少对

标签，就有多少个单元格

C. 有多少对

标签，就有多少行

15. 在HTML中，（ ）标签用于以预定义的格式显示文本，即文本在浏览器中显示时遵循在HTML源文档中定义的格式。

A.

B. ＜IMG＞

C. 

 
D. D)
 
16. 在HTML中，（     ）标签用于在网页中创建表单。  
A.  
B. 
D.  
17. 在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码如下所示： 
这是一个段落
下面选项中，（    ）正确定义了上面代码引用的样式规则。 
A.  
    P{color:red} 
    
B.  
    #firstp{color:red} 
    
C.  
   .firstp{color:red} 
    
D.  
    P.{color:red} 
    
18. 在HTML中，下面（    ）不属于HTML文档的基本组成部分。     
A.  
 
 
你好
欢迎
 
A. "red"为类样式 
B. "P"为文档样式 
C. “你好”和“欢迎”都应用了类样式"red" 
D. “你好”的文本颜色为蓝色 
22. 分析下面的HTML代码片断，则选项中的说法错误的是（   ）。 
    
cellpadding="5"> 
 书籍 音像 
 
 图书杂志磁带CDDVD 
 
 
A. 表格共5列，“书籍”跨2列，“音像”跨3列 
B. 表格的背景颜色为yellow 
C. “书籍”和“音像”所在行的背景色为red 
D. 表格中文字与边框距离为0，表格内宽度为5 
23. 分析以下的CSS样式代码，可以得出(    )。[选两项] 
h1{color;limegreen;font-family;arial} 
A. 此段代码是一个HTML选择器 
B. 选择器的名称是color 
C. {} 部分的样式属性将作为h1元素的默认样式 
D. limegreen和font-family都是值 
 
24. 下列语句能够正确在一个HTML页面中导入在同一目录下的“”样式表的是（   ）。[选两项] 
A.  
B. 
href=””> 
C. < link rel=”” type=”text/css”> 
D.  
25. 为了设置页面的背景色为黑色，应该使用 (     )。 
A.  
B.  
C.  
D.  
26. CSS 样式表的实现方式中，不需声明选择器的是 (    )。 
A. 行内样式表 
B. 内嵌样式表 
C. 外部样式表 
D. 以上都需要声明 
27. 在HTML语言中，设置表格中文字与边框距离的标签是（     ）。 
A. 
B. 
 
C. 
 
D. 
 
28. （    ）元素用于定义表单中控件的类型和外观。 
A. ECT 
B. FORM 
C. INPUT 
D. CAPTION 
29. 是用来指定（   ）。 
A. 混合分割 
B. 纵向分割 
C. 横向分割 
D. 任意分割 
30. 框架中“禁止改变框架窗口大小”的语法是（    ）。 
A.  
B.  
C.  
D.  
31. 想要使用户在单击超链接时，弹出一个新的网页窗口，代码是（     ）。 
A. 新闻 
B. 新闻 
C. 新闻 
D. 新闻 
32. 有关下列方框属性正确的是（     ）。 
A. margin-left是设置对象的左填充 
B. border-width是设置边框的宽度 
C. padding-left是设置内容与右边框之间的距离 
D. 以上说法都不对 
33. 有关下面代码片段的说法，（     ）是正确的。 
 
A. A样式与A:link样式效果相同 
B. A:hover是鼠标正在按下时链接文字的样式 
C. A:link是未被访问的链接样式 
D. A:visited是鼠标正在按下时链接文字的样式 
34. （   ）样式表一般用于大型网站。 
A. 内嵌 
B. 链接外部 
C. 选入 
D. 嵌入 
35. 命名锚记（     ）。 
A. 不能链接两个不同的网页 
B. 能链接同一网页的不同部分 
C. 不能链接同一网页的不同部分 
D. 以上都不对 
36. 阅读以下代码段，则可知（     ）。 
 
 
 
 
A. 上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域 
B. 上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域 
C. 上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域 
D. 上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域 
37. 在插入图片标签中，对插入的图片进行文字说明使用的属性是（     ）。 
A. name 
B. id 
C. src 
D. alt 
38. 对于标签，其中*代表GET或（     ）。 
A. SET 
B. PUT 
C. POST  
D. INPUT 
39. 当希望使图片的背景是透明的时候，应该使用的图像格式是（    ）。 
A. JPG  
B. PCX 
C. BMP  
D. GIF 
40. 下列标签可以不成对出现的是（     ）。 
A. 〈HTML〉〈/HTML〉 
B. 〈P〉 〈/P〉 
C. 〈TITLE〉〈/TITLE〉                   
D. 〈BODY〉〈/BODY〉 
41. 对于标签〈input type=*〉，如果希望实现密码框效果，*值是（   ）。 
A. hidden 
B. text 
C. password 
D. submit 
42. HTML代码表示（     ）。 
A. 创建表格  
B. 创建一个滚动菜单  
C. 设置每个表单项的内容  
D. 创建一个下拉菜单 
43. 一个有 3 个框架的 Web 页实际上有（     ）个独立的HTML文件。 
A. 2  
B. 3 
C. 4  
D. 5 
44. 的意思是（    ）。 
A. 图像相对于周围的文本左对齐 
B. 图像相对于周围的文本右对齐 
C. 图像相对于周围的文本底部对齐 
D. 图像相对于周围的文本顶部对齐 
45. HTML文件中，下面（   ）标签中包含了网页的全部内容。 
A. 
…
B. 
…
C. … 
D. 
…
 
46. 若将Dreamweaver中２个横向相邻的单元格合并，则两单元格中文字会（  ）。 
     A．文字合并  
     B．左单元格文字丢失  
     C．右单元格文字丢失 
     D．系统出错  
47. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是（     ）。 
A. style=”border-top: #ff0000 1 solid;” 
B. style=”border-left: 1, #ff0000 ,solid;” 
C. style=”border-left: 1  #ff0000  solid;” 
D. style=”border-right: 1, #ff0000, dashed;” 
48. 模板会自动保存在（   ）中，该文件夹在站点的本地根文件夹下。 
A. Library文件夹 
B. Custom文件夹 
C. Assets文件夹 
D. Templates文件夹 
49. 下面（     ）是ID的样式规则定义。 
A. TR{clore:red;font-family:"隶书";font-size:24px;} 
B. .H2{color:red;font-family:"隶书";} 
C. #grass{color:green;font- family:"隶书"; font-size:24px;} 
D. P{background-color:#CCFF33;text-align:left;} 
50. 越级链接元素A有很多属性，其中用来指明越级链接所指向的URL的属性是（     ）。 
A. href 
B. herf 
C. target 
D. link 
51、 下列语句能够正确在一个HTML页面中导入在同一目录下的“”样式表的是（）  
A.＜style＞@import ;＜/style＞  
 
B.＜link rel=”stylesheet” type=”text/css” 
 href=””/＞  
C.＜ link rel=”” type=”text/css”＞  
 
D.＜style rel=”stylesheet” type=”text/css” 
 src=””＞＜/style＞ 
52、 以下选项可以定义不带下划线的超链接是（）  
A、 a {text-decoration:no underline} 
B、 a {underline:none}  
C、 a {decoration:no underline} 
D、 a {text-decoration:none}  
53 下列选项中，哪些不是页面布局（）  
A、 盒子模型  
B、 层模型  
C、 流动模型  
D、 浮动模型  
54、 CSS样式中，盒子模型的属性不包括（）  
A、 border  
B、 margin  
C、 padding  
D、 visible  
55、 CSS属性中，（）用来更改背景颜色  
A、 background-color 
B、 bgclolor  
C、 color 
D、 backgroundColor  
56、 下列不属于DIV+CSS布局的优点的是（）  
A、代码简洁、结构清晰 
 
B、对搜索引擎支持好 
 
C、易于版面布局修改 
 
D、提高浏览器的执行效率 
 
57、 盒子的Margin为20px border为1px,padding为10px,content宽202px,高为50px求标准W3C盒子模型的，盒子需要占据的位置的宽为（）  
A、 262  
B、 222  
C、 242  
D、 264  
58、 下列语句描述正确的是（）  
A、当页面有多个层堆叠时，按照z-index的数值由大到小，从里往外排列 
 
B、当页面有多个层堆叠时，按照z-index的数值由大到小，从外向里排列 
 
C、设置层的显示属性中inline意味着按块显示，换行显示 
 
D、设置层的显示属性中block意味着按行显示，和其它元素同一行显示 
 
59、 要将外部样式表文件导入当前HTML文件，这时我们可以使用（）  
A、 link元素 
B、 style元素 
C、 style属性 
D、 script元素  
60、 以下关于相对定位说法正确的是（）  
A、 相对定位指的是相对于浏览器窗体的左上角进行位置偏移  
B、 相对定位的元素不会脱离标准文档流，所以会影响其它同级元素的定位  
C、 相对定位是相对于父级容器进行位置偏移  
D、 相对定位是相对于元素自身的位置进行偏移  
61、 在CSS中不属于添加在当前页面的样式是（）  
A、内联样式表 
 
B、嵌入式样式表 
 
C、行内样式表 
 
D、链接式样式表 
 
62、 下列哪个是对Line-height：32px的正确解释（）  
A、 设置行高为整个父容器的32%  
B、 设置文本大小为32像素  
C、 设置行高位32像素  
D、 设置列宽为32像素  
63、 在CSS 中文本垂直对齐属性vertical-align 的取值top 表示（）  
A、 写在其它元素中线的上方  
B、 写在其它元素基线的上方  
C、 以其它文本元素的顶线作为被定义元素的底线  
D、 以其它普通元素的顶线作为被定义元素的底线  
64、 在CSS样式中，不是背景图像的属性是（）  
A、 背景重复  
B、 背景颜色  
C、 纵向排列  
D、 背景位置  
65、 有关浮动与定位，下列说法正确的是（）  
A、 浮动元素有时会脱离文档流  
B、 固定定位的元素不可以作为绝对定位元素的包含块  
C、 相对定位的元素默认为遵照流动模型布局  
D、 浮动元素不能设置其宽度和高度  
66、 （）几乎可以控制所有文字的属性，它也可以套用到多个网页，甚至整个网站的网页上  
A、 CSS样式 
B、 HTML样式 
C、 页面属性 
D、 文本属性面板  
67、 单击（）会跳转到当前页面某个位置，却不会打开新的网页文件  
A、 空链接  
B、 文本链接  
C、 锚链接  
D、 E-mail链接  
68、 在CSS样式中，下列哪一项是设置列表样式图象的语法（）  
A、 width: ＜值＞  
B、 height: ＜值＞  
C、 white-space: ＜值＞  
D、 list-style-image: ＜值＞  
69、 可以更改字体大小的样式属性是（）  
A、 text-size  
B、 font-size  
C、 text-style  
D、 font-style  
70、 CSS 中 body{color:red}表示（）  
A、 正在点击文字的色彩是红色  
B、 超链接文字的色彩是红色  
C、 非链接文字的色彩是红色  
D、 页面中所有文字的色彩是红色  
71、下列关于背景定位属性background-position说法错误的是（） 
该属性可有两个取值，第一个取值为背景图像与其容器在水平方向上的距A、 
离，第二个取值为背景图像与其容器在垂直方向上的距离  
B、若 只有一个取值，则其第二个取值默认为50%  
若此取值用百分数表示，如：20% 60%，则表示此背景图像离其容器左边C、 
的距离为整个容器宽度的20%，离容器上边的距离为整个容器高度的60%  
若属性取值用left、center、right、top、bottom表示，则该属性取值D、 
的顺序可以颠倒，否则其取值顺序不能颠倒  
72、 下列哪个样式定义后，行内元素可以定义宽度和高度（）  
A、d isplay:inline  
B、d isplay:none  
C、d isplay:block  
D、d isplay:inherit  
73、 阅读下列代码片断，关于元素b的定位说法正确的是（）  
＜style type="text/css"＞  
＃a{  
width:400px;  
height:300px;  
border:1px solid red;  
float:right;  
}  
＃b{  
width:100px;  
height:100px;  
border:1px solid blue;  
position:absolute;  
left:10px;  
top:10px;  
}  
＜/style＞  
＜/head＞  
＜body＞  
＜div id="a"＞  
＜div id="b"＞＜/div＞  
＜/div＞  
＜/body＞  
A、 相于对浏览器窗体的右上角进行位置偏移 
B、 相对于浏览器窗体的左上角进行位置偏移  
C、 相对于自身的位置进行位置移偏 
D、 相对于元素a的左上角位置进行位置偏移  
74、 能够定义列表的项目符号为实心矩形是（）  
A、 list-type: square  
B、 type: 2  
C、 type: square  
D、 list-style-type: square  
75、 能够更改文本字体的样式属性是 （）  
A、 f:  
B、 font=  
C、 font-family:  
D、 text-decoration:none  
76、 使用CSS设置格式时，p em{color:blue }表示（）  
A、 p元素内的em元素为蓝色 
B、 p元素内的元素为蓝色  
C、 em元素内的p元素为蓝色 
D、 em元素内的元素为蓝色  
77、 下面那个是对边框设置为蓝色双实线（）  
A、 border：1px solid  
B、 border: 3px double blue;  
C、 border-width: 1px double blue;  
D、 border-width: 1px blue doule  
78、 CSS属性中，（）用作去掉超链接的下划线  
A、 a{ text-decoration: noline} 
B、 a{ text-decoration:underline}  
C、 a{ text-decoration:none} 
D、 a{text: underline}  
79、 下面关于CSS的说法不正确的有（）  
A、 CSS可以控制网页背景图片 
B、 margin属性的属性值可以是百分比  
C、 整个BODY可以作为一个BOX 
D、 margin属性不能同时设置四个边的边距  
80、 下列选项中不属于CSS 文本属性的是（）  
A、 font-size 
B、 
text-transform 
C、 text-align 
D、 line-height  
81、 通常我们使用clear的（）属性解决浮动塌陷  
A、l eft 
B、r ight 
C、b oth 
D、n one  
82、 在CSS样式中，设置"左边框"的语法是（）  
A、b order-left-width: ＜值＞  
B、b order-top-width: ＜值＞  
C、b order-left: ＜值＞  
D、b order-top-width: ＜值＞  
83、 有一样式表规则：H3 {color : blue ；font-size : 10pt}，以下说法正确
的是（）  
A、H 3是选择器  
B、b lue属性，color是属性值  
C、样 式表中的冒号(:)可以用 = 替代  
D、这 个样式表属于类样式表  
84、 设置文本不换行的样式属性是（）  
A、w ord-break  
B、l etter-spacing  
C、w hite-space  
D、w ord-spacing  
85、 以下哪种元素定位方式将会脱离标准文档流（）  
A、绝 对定位 
B、相 对定位 
C、浮 动定位 
D、静 态定位  
86、 在CSS中，下面不属于BOX模型属性的有（）  
A、f ont 
B、m argin 
C、p adding 
D、b order  
87、 下面关于样式的说法不正确的是（）  
A、样 式可以控制网页背景图片  
B、m argin属性的属性值可以是百分比  
C、字 体大小的单位可以是em  
D、1 em等于18像素  
88、 下列CSS代码进行缩写，符合缩写的规范的是（）  
background-position:0 
0;background-repeat:no-repeat;background-image:url();  
A、b ackground-image: "" no-repeat 0 0;  
B、b ackground-url: " ") no-repeat 0 0;  
C、b ackground:url("") no-repeat 0 0;  
D、b ackground: "" no-repeat 0 0; 
89. 在CSS中，关于BOX的margin属性的叙述正确的是（ ）  
  A、 边距margin只能取一个值  
  B、 margin属性的参数有margin-left、margin-right、margin-top、 margin-bottom  
  C、 margin属性的值不可为auto  
  D、 margin属性的参数值不能全部设置成0px 
90、 下列CSS文本样式属性中，文本对齐属性取值不包括（）  
A、 auto     
B、 justify  
C、 center    
D、 right  
91、 在CSS样式文件中的注释正确的是（）  
A、 ／／ this is a comment ／／ 
B、 ／／ this is a comment  
C、 /* this is a comment * 
D、 /' this is a comment  
92、 CSS样式的下列padding复合属性不包括（）  
A、 填充  
B、 上填充  
C、 底填充  
D、 左填充  
93、 css中 body{ padding-left:20px;}表示（）  
A、 页面左边的表格大小  
B、 页面左边的空白大小  
C、 页面左边的可用区域大小  
D、 页面左边的可编辑区域大小  
94、 能够设置文本加粗的样式属性是（ ）  
A、 font-weight:bold  
B、 style:bold  
C、 font:b  
D、 font-style:bold  
95、 怎样使一个层垂直居中于浏览器中（）  
A、 padding: 50% 50%  
B、 margin: 50% 50%  
C、 margin: 0 auto  
D、 margin: -100 auto  
96、＜frameset rows=＃＞是用来指定什么的（）   
 
A.混合分框  
B.纵向分框 
C. 横向分框 
D. 任意分框 
97、 以下可以改变元素的左外补丁的属性是（）  
A、 margin 
B、 indent 
C、 margin-left 
D、 text-indent  
98、 以下哪个是正确的（）  
A、 text-align:center 所在层中的所有图片居右对齐  
B、 text-align:center 所在层中的所有图片居中对齐  
C、 text-align：center 所在层中的文字居右对齐  
D、 text-align：center 所在层中的文字居中对齐  
99、下面哪项是外补丁属性（）  
      A、border  
      B、margein  
      C、padding  
      D、margin 
100、关于块状元素与行内元素，下列说法错误的是（）  
      A、块状元素的宽度默认为整个浏览器的宽度  
      B、行内元素的宽度由其内容宽度和padding值及border值决定  
      C、行内元素和块状元素可以用diplay属性的block值和inline值互相转换  
      D、块状元素成为浮动元素后将变为行内元素 
本文发布于:2023-12-16，感谢您对本站的认可！
版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文标签：元素属性页面设置样式
发布评论

评论列表（有0条评论）
    最近发表
    福州电脑网_福州电脑维修_福州电脑之家_福州iThome
    福州电脑网_福州电脑维修_福州电脑之家_福州iThome
    福州电脑维修网(fzithome.com)专业的电脑维修,笔记本维修,上门维修各种电脑,笔记本,平板等,快速上门.电脑知识频道内容覆盖:计算机资讯,电脑基础应用知识,各种电脑故障维修学习,电脑外设产品维修维护,病毒，软件,硬件,常识.
      相关推荐
      标签列表