[网文资讯] 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中,以下 ( )标签表示版权号 答案：&copy；

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前端开发基础所有题了，考试时候应该会有原题，但不一定全是这上面的，不过看看还是有好处滴