HTML和CSS常见题（1）

1.如何垂直居中？

1.
div {
    position: absolute;
    left: 50%;
    top: 50%；
    margin-left: -宽度一半px;
    margin-top: -高度一半px;
}

2.
div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

3.
父盒子 {
	display: flex;
	justify-content: center;
	align-items: center;
}

4.
父盒子 {
	display: flex;
}
子盒子 {
	margin: auto;
}

5.
父盒子 {
	display: table-cell;
}
子盒子 {
	vertical-align: middle;
}

2.CSS哪些属性能继承？

color font- 开头的，比如 font-size、font-style、font-family text- 开头的，比如text-align line- 开头的，比如line-height；都是关于文字的。

3.div+css布局较table布局有什么优点？

布局以前用table来实现并排（就是放到一个 tr 中，不同的 td 里面），现在是div+css，确切的说是浮动、flex技术、定位等技术。优势：

1、div+css实现了样式和结构分离，HTML只负责解构、只负责语义，CSS负责样式；

2、div+css能够更快的适应页面布局更改，比如横向布局变为纵向布局；

3、div+css非常灵活，有丰富的属性，比如flex、justify-content: space-around很好用。