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很好用。