前端面试错题归纳——HTML和CSS

1.HTML5中，使用getCurrentPositon()获取用户当前位置并存入一个值，

getLocation()地图定位

2.浏览器默认常见块级元素（自动换行，可设置宽高）div，h1-6,p,pre,ul,ol,li,form,table,label

常见行内元素（无法自动换行，不可设置宽高）a,sapn等

行块级元素（拥有内在尺寸，可设宽高，不会自动换行）button,input,textarea,select,img等

3.主流浏览器内核：

Wekbit--safiri,chrome,

Gecko--firefox

Trigent--IE

4,css3新增属性：

阴影，圆角边框，文本截断，自动换行，背景图片（尺寸，显示范围，裁剪范围），hsl，hsla,rgba，

opacity等

5，CSS选择器优先级：

HTML标签：1

类，伪类，属性：10

id:100

内联样式：1000

6 html标签<b><strong>加粗   <em>强调

7.鼠标移入并点击发生事件：

悬停-》聚焦-》响应

link->visited->hover->focus->active

8. 自闭合标签（单标签）

<input><img><br><link><hr>等

9.bootstrap栅格系统：

container>row>col,自动padding，手动margin

col-xs:超小屏（手机）<768px

col-sm:小屏 （平板）>=768px

col-md:中等屏幕>=992px

col-lg:大屏幕>1200px

10.css3动画需要运用@keyframes规则和animation属性

11.浏览器图片请求：

写在img标签的src属性中的都请求，写在CSS的background-URL中，如果该样式在HTML中有调用，则请求

12.web worker是运行在后台的js程序，不会影响页面性能