---
url: https://sugarat.top/offer/review/01-30.md
---

# 01-30

## 理论

1. 如何实现响应式布局
2. 什么是媒体查询
3. 媒体查询有哪些使用场景
4. 如何书写媒体查询
5. 如何保证h5和pc在显示上的一致性
6. px,rem,em,vw,vh,rpx这些单位分别是什么意思,使用场景是什么
7. 如何实现rem布局
8. 如何实现弹性布局
9. 伪类与伪元素的区别
10. css选择器有哪些
11. 简述一下CSS盒模型，可以手动去改变吗
12. box-sizing的属性有哪些，分别是什么作用

## coding

1. 实现水平垂直居中的方案

```html
<div class="parent">
    <div class="child"></div>
</div>
```