java面试------HTML5+CSS前端

一、表单

1、 常见的表单元素有哪些？H5新增了哪些表单元素？

常用的：text（文本框）、password（密码框）、checkbox（复选框）
radio（单选框）、select（列表框）、textarea（多行文域）
新 增： file（文件域）、email（邮箱）、url（网址）
number（数字）、range（滑块）、search（搜索框）、
hidden（隐藏）
submit、reset、button、image这三个是按钮。

2、 为什么要进行表单验证？新增表单验证有哪些？

① 减轻服务器的压力。
a) 避免不合法的数据录入到数据库中。
b) 表单验证，程序的运行都是在客户端上的，本来是让服务器全部去做的，现在让一个中间的表单去验证。
a) 它属于前端验证，利用H5新增的属性，通过JavaScript验证。
② 保证数据的可行性和安全性。
新增：placeholder 给文本框输入进行提示。
required 文本输入框不能为空。
pattern 用户提交的内容必须符合所指定的正则表达式 。

3、 CSS样式优先级是什么？

行内样式 > 内部样式 > 外部样式

4、 CSS基本选择器的基本优先级顺序？

ID选择器 > 类选择器 > 标签选择器

5、 块元素和行内元素的区别？

块元素： 无论内容多少，该元素独占一行。

行内元素：行内元素不会独占一行，相邻的行内元素会排列到同一行里，直到一行排不下，才会换行，其宽度随元素的内容变化而变化。

二、盒子模型

1、 你对盒子模型的理解？

一个盒子模型：margin + border + padding + content

三、定位网页元素

1、 如何让页面元素向左或向右？

Float: left| right|none

2、 解决父级边框塌陷四种方式？

第一种：浮动元素后面添加空div。
第二种：设置父元素的高度。
第三种：父级添加overflow属性。
第四种：父级添加伪类after。

3、 标准文档流的布局方式？

从上到下，从左到右。

4、 三种定位之间的区别是什么？（绝对，相对，固定）

relative: 相对自身原来位置进行偏移。
Absolute: 相对于最接近的一个具有属性的“祖先元素”，如果不存在，相
对于body或整体进行位置偏移。绝对定位一般是基于相对定
位联合使用的。
Fixed: 相对于浏览器窗口，一般用于广告技术的图片链接。