web前端基础知识试题及答案

今天小编和大家分享一些web前端基础知识试题及答案，希望对大家有所帮助！

1.下列哪一项表示的不是按钮 

答案：type="image"

2.请选出不属于<font>标记属性的一项 

答案：align

3.一下标记中，哪个是上标标记符号。

 答案：sup标记

4.如果要使一幅图像在网页中居中显示，应使用一下语句 

答案：<DIV align=”center”><IMG src=image.gif></DIV>

5.添加密码输入框，需要设置<input>标签的type属性为 

答案：password

7.在网页上，表单中的input元素的type属性为（）时，用于创建重置按钮 

答案：RESET

8.下面的属性不属于<td>标签的有 

答案：Border

9.表格最基本的单元是 

答案：行

10.在HTML语言中，定义CSS的类选择器以（）符号开头 

答案：.

11.如果要为网页链接一个外部样式表文件，应使用一下（）标记符 

答案：Link

12.在HTML中，下面（）语句可以将标题的颜色设置为绿色。 

答案：<H1 STYLE=”color:green;”>

13.如果要使多个DIV在一行排列，应使用 

答案：float

14.下面哪个属性是指盒子模型的边距 

答案：margin

15.DIV与SPAN标签的区别有 

答案：div属于块级元素，span属于行内元素

16.如何清除浮动？ 

答案：clear

17.要想使DIV一列固定宽度并居中，应该设置CSS的哪个属性？ 

答案：margin：auto

18.无序列表的标签是 

答案：ul

19.超链接a：hover表示 

答案：鼠标移动到链接上

20.以下关于:before伪元素对象说法正确是 

答案：before 伪元素可以在元素之前增加内容

21.rgba 颜色模式中的a表示什么 

答案：a表示透明度

22.在 HTML中,以下 ( )标签表示版权号 

答案：©；

23..CSS样式background-position:-5px 10px代表的意义是 

答案：背景图片向左偏移5px，向下偏移10px

24.下列哪一项是CSS正确的语法构成？

 答案：body{color:black}

25.在HTML页面中，调用外部样式表的方法是？ 

答案：<link rel=“stylesheet” type=“text/css” href=“外部样式表地址” />

26.在HTML中有效，规范的注释声明是 

答案：<!–这是注释–>

27.在HTML中，当表单中的input元素的type属性值是什么的时候为提交按钮 

答案：submit

28.CSS盒子模型中表示内容与边框间的距离的属性是 

答案：padding

29.下列CSS样式语句中，语法正确的是 

答案：tig td{text-align:center; line-height:22px;}

30.下面是html5新增的元素的是 

答案：section

31.以下表单的属性中哪种提交方式是隐藏提交? 

答案：type = hidden

32.在text文本框中限制输入最大长度的属性是 

答案：maxlength

33.以下几种样式规则的选择器中， 只能修饰唯一一个HTML元素的是那个 

答案：ID选择器

34.如果让一个元素在pc端显示而在手机端隐藏，下列选项正确的是 

答案：visible-md-8 hidden-xs

35.在bootstrap中，栅格系统的标准用法（c）是错误的 

答案：<div class=”row”><div class=”container”></div></div>

36.下列不是正确的辅助类 

答案： .text-title。

37.在bootstrap中，关于弹性布局的属性错误的是 

答案：flex-container

38.在bootstrap中，关于flex-direction属性值错误的是

 答案：col

39.在bootstrap中，关于justify-content属性值错误的是 

答案：middle

40.在bootstrap中，哪个是错误的媒体查询的写法。 

答案：@media all and (min-width:320px) or (max-width:639px) { };

41.在bootstrap中，以下的（b）不是文本对其的方式 

答案：.text-middle

42.在bootstrap中，下列（b）不属于按钮尺寸 

答案：.btn- md

43.关于下列CSS选择器：ID选择器、类选择器、伪类选择器、标签名称选择器，排序正确的是： 

答案：ID选择器>Class选择器=伪类>标签名称选择器

44.在HTML中，要定义一个空链接使用的标记是 

答案：<a href=”#”>

45.下面的属性不属于<td>标签的有

 答案：Rowspan

46.要使表格的边框不显示，应设置border的值是 

答案：0

47.下面不属于CSS插入形式的是 

答案：索引式

48.若要产生一个4行30列的多行文本域，以下方法中，正确的是 

答案：<TextArea Rows="4" Cols="30" Name= "txtintro"> </TextArea>

49.以下标记符中，没有对应的结束标记的是 

答案：br

50.在网页中，必须使用( )标记来完成超级链接 

答案：a

51.用于设置单元格之间距离的属性是 

答案：cellspacing

---

1.HTML的全称是 

答案： Hypertext Markup Language

2.css的三种样式引入是什么 

答案： 行内样式,内部样式，外部引入

3.怎么把行内元素设置为块级元素 

答案： display:block

4.内边距和外边距用什么单词表示 

答案： padding和margin

5.怎么输出空格 

答案：  

6.在CSS中怎么注释代码 

答案： /**/

7.单元格的标签是 

答案： td

8.表单的提交有两种方式 

答案： get和post

9.在编辑table表格时，合并行使用 

答案： rowspan

10.设置边框1像素实线红色的代码 

答案： border:1px solid red;

11.CSS中文全称为： 答案： 层叠样式表

12.在选择列表中，表示列表项的是____ ______标签 

答案： option或<option>

13.表单中提交按钮的type属性值是___ 

答案： submit

14.伪元素选择器中，在元素内容之前添加内容并定义其样式使用的属性__ 

答案： :before

15.兄弟（相邻）选择器之间的结合符是___ 

答案： +

16.ID选择器使用__________前缀标识符获取ID为其设置样式。 

答案： #

17.子元素选择器之间的结合符是___________。 

答案： >

18.CSS伪元素选择器向文本的首行添加样式的属性是___________ 

答案： :before

19.在HTML中引入CSS样式，优先级最高的是___________。 

答案： 内联样式

20.在表单中，规定必填（验证内容是否为空）的属性是___________ 

答案：required

21.目前常用的WEB标准静态页面语言是________ 

答案：HTML

22.改变元素的外边距用　　，改变元素的内边距用 。

答案：margin pedding

23.Color:#666666;可缩写为 答案：bule

24.在Table中，TR是________，TD是________

答案：行 列

25.在新窗口打开链接的方法是 

答案：target='_blank'

---

1.如何使让div居中？ 

答案：设置宽度：还设置 margin: 0px auto;

2.CSS的盒子模型由什么组成？ 

答案：内容（content），边框（border），内边距（padding），外边距（margin）

3.分别写出以下几个HTML标签：文字加粗、下标、居中、字体 

答案：加粗：<b>、<strong>，下标：<sub>，居中：<center>，字体：<font>

4.文本垂直居中的方法 

答案：行高的值等于盒子的高度就能做垂直居中

5.行内元素有哪些？块级元素有哪些？ 

答案：行内元素：a、b、span、img、input、strong、select、label、em、button、textarea，块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

6.CSS常用选择器有哪些？ 

答案：通配符：*，ID选择器：#ID，类选择器：.class，元素选择器：p、a等

7.绝对定位和相对定位的区别 

答案：position: absolute绝对定位：是相对于元素最近的已定位的祖先元素；position: relative相对定位：相对定位是相对于元素在文档中的初始位置

8.为什么要初始化CSS样式?

答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。

9.怎么设置flex布局，已经常用的属性？ 

答案：display: flex //设置Flex模式；flex-direction: column //决定元素是横排还是竖着排；flex-wrap: wrap//决定元素换行格式；justify-content: space-between //同一排下对齐方式，空格如何隔开各个元素

10.CSS优先级算法如何计算？ 

答案：优先级为: !important > id > class > tag; !important 比 内联优先级高

11.css选择器有几种，及各自的书写方式（不少于5种）？ 

答案：1.标签名选择器 div { color：Red;} 2.类选择器 .divClass {color:Red;} 3.ID选择器 #myDiv {color:Red;} 4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} 5.群组选择器 div,span,img {color:Red}

12.块级元素与内联元素的区别是什么？各举例3种。 

答案：块级元素 行内元素独占一行,默认情况下，其宽度自动填满其父元素宽度 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化可以设置width，height属性 行内元素设置width，height属性无效可以设置margin和padding属性 行内元素起边距作用的只有margin-left、margin-right、padding-left、padding-right，其它属性不会起边距效果。对应于display:block 对应于display:inline；

13.CSS选择器中，后代选择器与子元素选择器的区别是什么？

 答案：后代选择器产生的影响的不仅是它“直接后代”，而且会影响它的“各级后代”，而子元素选择器只影响它的直接后代，而对“孙子”以及各个层的后代不产生作用。

14.CSS样式引入方式中（外部样式表、内部样式表、内联样式），优先级从高到低排列。

 答案："内联样式>内部样式表>外部样式表"

15.form表单两种提交方式method=（get|post）之间的区别？ 

答案：post提交方式不会改变地址栏状态，表单数据不会被显示，提交的字符数不受限制；get提交方式地址栏会发生变化，表单数据会会在URL信息，提交字符限制1024个字符。

16.行内元素有哪些?块级元素有哪些? 

答案："行内元素有: a b span img input select strong块级元素有:div ul ol l idl dt dd h1 h2 h3 h..p."

以上就是“web前端基础知识试题及答案！”的详细内容，想要了解更多web教程欢迎持续关注编程学习网