您的当前位置:首页Web前端试卷(一般)

Web前端试卷(一般)

2023-12-15 来源:乌哈旅游
《Web前端试卷(一般)》试卷

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

A、小于和大于

B、小于等于和大于

C、小于等于和大于等于

题型 单选题 判断题 填空题 简答题 题分 得分

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

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

B、JavaScript

C、CSS3

D、CSS2

2. 一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,

请问这个盒子的总宽度是多少?( ) A、333px

B、366px

C、336px

D、363px

D、小于等于和大于

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

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

B、全局的 CSS 设置

C、定义基本的 HTML 元素样式

D、可扩展的 class

5. 对声明“a{color:#333;text-decoration:none; }”,解释正确的是()

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

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

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

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

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

C、非法字符 D、this

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

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

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

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

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

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

A、(1==1) || (3<2)

B、(3===3)&&(5C、!(17<=20)

D、(3!=3)

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

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

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

A、align-items:flex-start;

B、align-items:flex-end;

C、align-items:start;

D、align-items:end;

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

A、box-shadow: 7px -4px 10px #000 inset ;

B、box-shadow: -7px 4px 10px #000 ;

C、box-shadow: 7px 4px 10px #000 inset ;

D、box-shadow: 7px -4px 10px #000;

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

B、length

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

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

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

B、:active

C、:focus D、:link

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

A、.navbar-default类

B、.nav类

C、.navbar-header类

D、.navbar-brand类

14. 表达式123%7的计算结果是 () A、2 B、3

C、4 D、5

15. 下列选项中,Javascript声明变量语句中不正确的是() A、var aa;

B、var bb=3; cc='good';

C、var dd = ee = 100;

D、var ff=3, gg='he's good';

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

A、为导航栏添加头部

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

C、为整个页面添加头部

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

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

A、to top left

B、to top right

C、to bottom left

D、to bottom right

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

C、border-radius 属性中,如果省略 bottom-right,则与 top-left 相同

D、border-radius 属性中,如果省略 bottom-left,则与 top-right 相同 得分 A、3D 变形是指某个元素围绕其x轴、y轴、z轴进行旋转

B、translate3d(x,y,z) 函数可以定义3D旋转

C、scale3d(x,y,z)函数可以定义3D缩放

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

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

A、是复合背景属性

B、可以设置图片背景

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

D、该属性可继承

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

A、border-radius的四个值按照top-left、bottom-left、bottom-right、top-right的顺序设置。

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

判断题(对的打“√”,错的打“×”;每题1分,共20分) 21. Bootstrap中.btn-link类会让按钮变成链接。( )

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

23. document对象中提供了常用获取HTML元素对象的方法,getElementsByName()可以通过标签

名称来获取元素对象。( )

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

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

26.

27. HTMLAudioElement和HTMLMediaElement都继承了HTMLVideoElement。( )

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

29. 如果一个浮动元素在另一个浮动元素之后显示,而且会超出容纳块(没有足够的空间),则它下降到

低于先前任何浮动元素的位置,即换行显示。( )

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

31.

52. 正确答案:

CSS3 圆角边框

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

for(var i=5;i>0;i--){

document.write(i+\"
\");

}

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

55. 正确答案:参考答案

CSS3径向渐变

56. 正确答案:(1)for=\"male\" (2) for=\"female\" (3)\"sex\"

因篇幅问题不能全部显示,请点此查看更多更全内容