Web前端常见问题

Web前端小问题

一、HTML小问题

1.常用的浏览器内核有哪些？

Webkit（苹果浏览器），Trident(IE浏览器），Gecko（火狐浏览器），Blink(谷歌 浏览器）

块级元素与行内元素的区别？

块级元素占据一整行，行内元素宽度与其内容有关。 块级元素内可以包含块级，行内元素，而行内元素内不可包含块级元素。

W3C标准盒模型(content-box)与IE盒子模型（border-box)的区别？

IE盒子模型的content部分包含了内边距padding，边框border。

二、CSS小问题

1.选择器权重排列顺序是什么？

!important : 无穷大
内联样式 ：1000
id选择器 ： 100
类选择器，属性选择器，伪类选择器 ： 10
元素选择器 ： 1
通配符选择器 ： 0

权重在同等级下可叠加，不进位。

after伪元素清除浮动的代码：👇

.clearfix:after{
	content: "";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}

如何解决外边距合并与塌陷？

合并：只给一个盒子设置margin值。 塌陷：给父元素添加 overflow:hidden