对最近面试的面试题坐下总结:
一,css部分
1,html元素的垂直居中
答案:
<div id="box"> <div> 测试 </div> </div> #box{ 200px; height: 200px; text-align:center; vertical-align: middle; display: table-cell; }
2,css考的最多是flex;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .flex { display: flex; 800px; margin: 0; padding: 0; list-style: none; } .flex :nth-child(1) { flex: 1 1 300px; } .flex :nth-child(2) { flex: 2 2 200px; } .flex :nth-child(3) { flex: 3 3 400px; } </style> </head> <body> <ul class="flex"> <li>a</li> <li>b</li> <li>c</li> </ul> </body> </html>
建议多看看这块。
3,然后css还考察了清楚浮动的方法:
答案:
clear:both; overflow:hidden;伪类;
4,就是相对定位和绝对定位相关知识点
比如:position有哪些属性值,每种的意义和用法。