前端经典面试题

1， html和xml有什么区别

html是超文本标记语言  xml是可扩展标记语言

html语法宽松，xml语法严谨

html使用固有标记，xml没有固有标记

html标签预定义，xml标签可扩展，可定义

html是用来显示数据的，xml是用来描述和存储数据的

2， css有哪几种选择器权重的优先级

第一种为 属性选择器

第二种为 id选择器

第三种为 class选择器

第四种为 伪类选择器

第五种是 后代选择器

第六种是 标签选择器

第七种是 通用选择器

第八种是 伪元素选择器

1. 第一等：代表内联样式，如: style=””，权值为1000。

2. 第二等：代表ID选择器，如：#content，权值为0100。

3. 第三等：代表类，伪类和属性选择器，如.content，权值为0010。

4. 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。

5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。

6. 继承的样式没有权值。

 

 

3， 网页有哪几部分组成

结构层：html

表示层：css

行为层：js和dom

4， 一个200*200的div在不同分辨率屏幕上下左右居中，用css实现

Div{

position: absolute;

width: 200px;

height: 200px;

top: 50%;

left: 50%;

margin-top: -100px;

margin-left: -100px;

 

}

 

5， 阐述清楚浮动的几种方式

第一种  父级div定义高度height 适合高度固定的布局

第二种 父级div定义 overflow：hidden

第三种 结尾处加空标签 clear： both  让父级自动获取高度

第四种 父级div定义 伪类:after 和 zoom