视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
Web前端试卷(一般)
2025-09-27 16:20:57 责编:小OO
文档
《前端试卷(一般)》试卷

总分题型单选题判断题填空题简答题
题分
得分
得分
单选题(每题2分,共计40分)

1.弹性盒布局属于下列哪项技术的内容()

A、

B、

C、3

D、2

2.一个盒子的宽()和高()均为300,左内边距为30,同时盒子有3的边框,请问这个盒子的总宽度是多少?( )

A、333

B、366

C、336

D、363

3.大多数媒体查询属性包含和前缀,它们的含义是()

A、小于和大于

B、小于等于和大于

C、小于等于和大于等于

D、小于等于和大于

4.下列选项中,的不包括的内容是()

A、让低版本的浏览器支持 5元素

B、全局的  设置

C、定义基本的  元素样式

D、可扩展的 

5.对声明“a{333; }”,解释正确的是()

A、对全站有链接的文字颜色样式为333; 并有下划线

B、对全站有链接的文字颜色样式为333; 并无下划线

C、对全站链接的文字颜色样式为333的链接去掉下划线

D、对全站链接的文字颜色样式为333的链接添加下划线

6.下列选项中,与图中效果相符的代码是()

A、:;

B、:;

C、:;

D、:;

7.下列选项中,设置外阴影且阴影在盒子右侧的选项是()

A、: 7 -4 10 #000  ;

B、: -7 4 10 #000 ;

C、: 7 4 10 #000  ;

D、: 7 -4 10 #000;

8.下列选项中,变量名称不合法的是()

A、

B、

C、非法字符

D、

9.下列选项中,关于栅格系统的说法,错误的是()

A、栅格系统是一种响应式设计的实现方式

B、栅格系统是一个用于响应式设计的组件

C、对于前端开发来说,网页将更加的灵活与规范

D、对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读

10.下列表达式中,结果返回真值的是()

A、(11)  (3<2)

B、(33)(5C、!(17<=20)

D、(33)

11.下列选项中,关于元素的静态定位模式的说法错误的是()

A、静态定位是元素的默认定位方式

B、当属性的取值为时,可以将元素定位于静态位置

C、静态定位时各个元素在文档流中默认的位置

D、可以通过边偏移属性来改变静态定位元素的位置

12.下列选择器,能够设置鼠标悬停状态下的样式的是()

A、

B、

C、

D、

13.下列选项中,可以用来修改导航条的默认样式的是()

A、类

B、类

C、类

D、类

14.表达式123%7的计算结果是 ()

A、2

B、3

C、4

D、5

15.下列选项中,声明变量语句中不正确的是()

A、 ;

B、 3; '';

C、  =  = 100;

D、 3, ''s ';

16.在中,可以使用类的情况是()

A、为导航栏添加头部

B、为导航栏添加一个标题

C、为整个页面添加头部

D、为真个页面添加一个标题

17.3线性渐变中的关键词,表示从右下角到左上角的是()

A、  

B、  

C、  

D、  

18.下列关于3D变形的说法中,错误的是()

A、3D 变形是指某个元素围绕其x轴、y轴、z轴进行旋转

B、3d() 函数可以定义3D旋转

C、3d()函数可以定义3D缩放

D、属性用于实现视觉上的3D效果

19.下列关于属性说法错误的是()

A、是复合背景属性

B、可以设置图片背景

C、可以规定背景图像的尺寸

D、该属性可继承

20.下列关于3的圆角边框的说法中,错误的是()

A、的四个值按照、、、的顺序设置。

B、如果只有一个值,代表水平和垂直的半径都相等

C、 属性中,如果省略 ,则与  相同

D、 属性中,如果省略 ,则与  相同

得分
判断题(对的打“√”,错的打“×”;每题1分,共20分)

21.中类会让按钮变成链接。( )

22.在中,清除矩形表示清除之前绘制的矩形。( )

23.对象中提供了常用获取元素对象的方法,()可以通过标签名称来获取元素对象。( )

24.在媒体查询中,同时设置两个媒体类型时,可以使用逗号分隔。( )

25.取值为时代表在长单词或  地址内部进行换行。( )

26.<>标签不添加属性,只添加属性,也可以实现自动播放。( )

27.和都继承了。( )

28.在中,连续使用< />标签是合法的。( )

29.如果一个浮动元素在另一个浮动元素之后显示,而且会超出容纳块(没有足够的空间),则它下降到低于先前任何浮动元素的位置,即换行显示。( )

30.中通过覆盖的样式可以改变表单控件的样式。( )

31.<>标签通常放在文档的<>和<>标签之间。( )

32.表单按钮中一般按钮的功能可以进行自定义。( )

33.循环只能用于循环遍历对象的属性。( )

34.只能在属性值为或或的元素上有效。( )

35.在5中,通过属性进行表单验证时,需要使用正则表达式。( )

36.属性用于设置文本内容的水平对齐,可适用于所有元素。( )

37.使用

标签时,使用回车键换行的段落可以实现强制换行的效果。( )

38.a^,相当于^b。( )

39.响应式设计追求优先,移动适应。( )

40.中用于定义默认的按钮样式。( )

得分
填空题(每题1分,共计10分)

41.表达式“哈哈”= =55的值为【】。

42.【】属性用于指定页面加载后是否自动获取焦点,将标记的属性值指定为【】时,表示页面加载完毕后会自动获取该焦点。

43.在中,【】属性用于设置线条的粗细(以像素为单位)。

44.的属性值【】相对于浏览器窗口进行定位。

45.【】是指被定位的元素等于在文档中不占据任何位置,在另一个层呈现。

46.【】可以识别媒体类型和特征。

47.有了对象中的属性、方法和事件,就可以使用【】来操作元素。

48.在中,为标记设置字体加粗的代码为【】。

49.在使用标签时,需要通过【】属性为其指定一个【】的标识。

50.在定义单选按钮时,必须为同一组中的选项指定相同的【】属性值,这样“单选”才会生效。

得分
简答题(每题5分,共计30分)

51.用编写一个程序,小明目前工资为960元,现在公司要为员工涨工资,计算增加后小明的工资。要求基本工资大于等于1000元,增加20%工资;若1000元,且大于等于800元,则增加15%;若小于800,则增加10%工资。

52.请按照要求,完成如图所示的页面效果。

(1)使用圆角边框。

(2)使用“”、“386”、“151”三种颜色。

53.分析如下的代码段,并使用循环语句进行,要求运行后的结果相同。

(5 + "<>");

(4 + "<>");

(3+ "<>");

(2 + "<>");

(1+ "<>");

54.请阅读下面的代码,并根据注释将代码补全。

< >

< "">

<>

< "8">

<>单元6-程序分析-2<>

<>

<>

<视频自动播放,并显示播放控件>

< "4"  (1)  (2) >(3)<>

<>

<>

55.请按照要求,完成如图所示的页面效果。

(1)使用渐变知识。

(2)使用“07b”、“  151”、“ #16104b”三种颜色。

56.请阅读下面的代码,并根据图中页面效果将代码补全。

< >

<>

< "">

< "8">

<><>

<>

<>

性别:

< (1)>男<>

< "" "" "" />

< (2)>女<>

< ""  (3)  "" />

<>

<>

答案

单选题(每题2分,共计40分)

1.C

2.C

3.C

4.A

5.B

6.B

7.D

8.D

9.B

10.A

11.D

12.A

13.A

14.C

15.D

16.B

17.A

18.B

19.D

20.A

判断题(每题1分,共计20分)

21.错

22.错

23.错

24.对

25.错

26.对

27.错

28.对

29.对

30.对

31.对

32.对

33.错

34.对

35.错

36.错

37.错

38.错

39.错

40.错

填空题(每题1分,共计10分)

41.【】

42.【】【】

43.【】

44.【】

45.【脱离文档流】

46.【3媒体查询】

47.【】

48.【a { : ; }】

49.【】【唯一】

50.【】

简答题(每题5分,共计30分)

51.正确答案:< "" "">

  = 960;

 ( >= 1000){

  ( * 0.2);

}   ( < 1000   >= 800){

  ( * 0.15);

}   ( < 800){

  ( * 0.1);

}

();

<>

52.正确答案:< >

< "">

<>

< "8">

<>3 圆角边框<>

<>

 {

: 0;

: 7F7F7;

}

/*四边不同色*/

1 {

: 0;

: 0;

: 90;

: ;

:   386 151;

}

<>

<>

<>

< ""><>

< "1"><>

<>

<>

53.正确答案:循环输出i的值

( 5>0){

("<>");

}

54.正确答案:(1)(2)  (3)您的浏览器不支持标签

55.正确答案:参

< >

<>

< "">

< "8">

<>3径向渐变<>

< "">

{

: 300;

: 300;

: (100, 07b 15%,

151 2%, #16104b 50%);

}

<>

<>

<>

< ""><>

<>

<>

56.正确答案:(1)""  (2) "" (3)""下载本文

显示全文
专题