一、选择题（每题2分）

1.以下关于HTML的基本标签说法正确的是（ ）。 (选择一项)

A:HTML共提供了６级标题，

B:段落标签

中可以包含多行文字，文字内容将随浏览器窗口大小自动换行

C:水平线标签的作用是为了让版面更加清晰直观

D:标签……的作用是使字体加粗并斜体显示

2.在CSS中，可用于设置文本的行高的属性是（ ）。 (选择一项)

A:text-indent

B:letter-spacing

C:text-align

D:line-height

3.在制作网页时，以下关于overflow属性说法正确的是（ ）。(选择一项)

A:overflow属性的常见值有visible、hidden、scrolling、auto

B:当属性值为hidden时，如果内容被修剪，则浏览器会显示滚动条以便查看其余内容

C:visible为overflow属性的默认值，内容会被修剪，并且其余内容是不可见的

D:可以使用overflow属性与盒子宽度配合使用，清除浮动来扩展盒子的高度

4.在HTML中，以下关于CSS样式中文本及字体属性的说法，错误的是（ ）。 (选择一项)

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

B:text-align用来设置文本对齐方式

C:font-type用来定义字体类型

D:font-weight用来定义字体的粗细

5.以下关于复合选择器说法错误的是（ ）。 (选择一项)

A:复合选择器分为后代选择器、交集选择器和并集选择器

B:后代选择器的写法就是把外层的标签写在前面，内层的标签写在后面，之间用空格分隔

C:交集选择器是由两个选择器直接连接构成，两个选择器可以是类选择器或者ID选择器 D:并集选择是多个选择器通过逗号连接而成的

6.下列关于HTML代码段中的z-index属性说法正确的是（ ）。

… …

(选择一项)

A:z-index属性的值取值范围是0~100

前端常见的HTML+CSS⾯试题（附答案）

HTML

1. 标签上title属性与alt属性的区别是什么？

alt属性是为了给那些不能看到你⽂档中图像的浏览者提供⽂字说明的。且长度必须少于100个英⽂字符或者⽤户必须保证替换⽂字尽可能的短。

这包括那些使⽤本来就不⽀持图像显⽰或者图像显⽰被关闭的浏览器的⽤户，视觉障碍的⽤户和使⽤屏幕阅读器的⽤户等。title属性为设置该属性的元素提供建议性的信息。使⽤title属性提供⾮本质的额外信息。参考《alt和title属性的区别及应⽤》

2. 分别写出以下⼏个HTML标签：⽂字加粗、下标、居中、字体

加粗：、

下标：

居中：

字体：、3. 请写出⾄少5个html5新增的标签，并说明其语义和应⽤场景

section：定义⽂档中的⼀个章节

nav：定义只包含导航链接的章节

header：定义页⾯或章节的头部。它经常包含 logo、页⾯标题和导航性的⽬录。

footer：定义页⾯或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议⽤的地址。

aside：定义和页⾯内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。

4. 请说说你对标签语义化的理解？

a. 去掉或者丢失样式的时候能够让页⾯呈现出清晰的结构

b. 有利于SEO：和搜索引擎建⽴良好沟通，有助于爬⾍抓取更多的有效信息：爬⾍依赖于标签来确定上下⽂和各个关键字的权重；

c. ⽅便其他设备解析（如屏幕阅读器、盲⼈阅读器、移动设备）以意义的⽅式来渲染⽹页；

d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

5. Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

声明位于⽂档中的最前⾯，处于 标签之前。告知浏览器以何种模式来渲染⽂档。

严格模式的排版和 JS 运作模式是，以该浏览器⽀持的最⾼标准运⾏。

在混杂模式中，页⾯以宽松的向后兼容的⽅式显⽰。模拟⽼式浏览器的⾏为以防⽌站点⽆法⼯作。DOCTYPE不存在或格式不正确会导致⽂档以混杂模式呈现。

实用标准文档

html+css+js 测试题

选择题

1. html 是什么意思？

a) 高级文本语言

b) 超文本标记语言

c) 扩展标记语言

d) 图形化标记语言

2. 哪一个标记用于使 html 文档中表格里的单元格占据多个单元格的宽度？

a) cellspacing

b) cellpadding

c) rowspan

d) colspan

3. 下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观？

a) html

b) dhtml

c) css

d) url

文案大全

4. 以下哪个项目不是可以在html文档中使用的特殊字符。

a) > 小于号 <

b) &tl; < ：大于号 >

c) ©

d)  

5. a 文件夹与 b 文件夹是同级文件夹， 其中 a 下有 a.htm ，b 下有 b.htm 文件， 现在我们希望 在

a.htm 文件中创建超，到 b.htm ，应该在 a.htm 页面代码中如何描述容？

a) b.htm

b) ././././b/b.htm

c) ../b/b.htm

d) ../../b.htm

6. 我们想要将表格中加入的图像充满整个单元格，使用哪种方式可以做到？

a) size="100"

b) size="100%"

c) width="100"

d) width="100%"

7. 不是表单元素 input 的类型的是

a) text 实用标准文档

b) radio

c) select

d) file

e) password

f) radio

g) textarea

h) hidden

i) checkbox

j) option

8 . 下列哪种 css 样式定义的方式拥有最高的优先级？

a) 嵌入

b) 行

c)

c) 导入

9 . web 标准的制定者是？

a) 微软

b) 万维网联盟( w3c )

c) 网景公司( netscape )

一专多能裁切试题

姓名：________ 职位______________

（注：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． DIV

C． UL

D． SPAN

4. HTML中注释的写法正确的是（ A）

A、

B、/**/

C、//

D、“” 5. 在PHOTOSHOP中,显示或隐藏面板的快捷键是（c）

A、F5

B、F6

C、F7

D、F8

6. 在PHOTOSHOP中,新建普通图层的快捷键是（a）

A．CTRL+SHIFT+N;

B．CTRL+ALT+N;

C．CTRL+SHIFT+ALT+N;

D．CTRL+N;