前端基础面试题分享5道

1.什么是HTML?

2.什么是CSS?

3.清除浮动有几种方式?

4.CSS的权重?

5.对WEB标准以及W3C的理解与认识?

---

答案:

1.什么是HTML

HTML并不是真正的程序语言,是一种标记语言,是由一系列的元素组成的

2.什么是CSS

CSS是一种样式表语言

3.清除浮动有几种方式?

第一种:父级定义高度

原理:父级手动定义高度,解决了父级无法自动获取高度的问题,缺点:只适合高度固定的布局

第二种:结尾加空的div标签 clear : both

原理:在浮动元素的后面添加一个空的div元素,利用css提高的clear：both清除浮动,让父级div能自动获取高度,缺点就是布局浮动多,就要增加很多div

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

//清除浮动代码
.clearfix：after{
content：""；
display：block；
visibility：hidden；
height：0；
line-height：0；
clear：both;
}
.clearfix{zoom：1}

原理:只有IE8以上和非IE浏览器才支持,zoom(IE专有属性)可以解决ie6,ie7浮动问题,推荐使用这个,定义为公共代码,可以减少css代码

第四种.父级定义 overflow : hidden

会将超出盒子部分隐藏,不推荐使用

第五种.双伪元素法:

.clearfix：before，

.clearfix：after{

content：""；

display：block；

clear：both；

}

.clearfix{

zoom：1；

}

原理和第三种差不多,只是方法不一样.

4.CSS的权重

继承或者通配符*:0000

元素选择器:0001

类选择器和伪类选择器:0010

ID选择器:0100

行内样式 style="":1000

!important:无穷大

5.对WEB标准以及W3C的理解与认识?

1.标签闭合,标签小写,不乱嵌套,结构行为表现的分离

2.文件下载与页面速度更快,内容更容易被用户看到

3.容易维护,改版方便