Hướng dẫn thử thách
1 / 104
Absolute vs. Relative Units
### Giai đoạn: Nền Tảng & Khái Niệm Cốt Lõi
**Absolute vs. Relative Units**
Absolute units in CSS represent fixed measurements, like pixels (px) or inches (in), and will always render at the same size regardless of screen size or other factors. Relative units, on the other hand, are based on other values, such as the font size of the parent element (em), the viewport width (vw), or the root element's font size (rem), allowing for more flexible and responsive layouts.
### Khái niệm cốt lõi:
1. **Nắm vững khái niệm cơ bản**
2. **Áp dụng vào kiến trúc thực tế**
3. **Tối ưu hóa và kiểm thử**
### Tài liệu tham khảo chính thống:
- [What are Absolute and Relative Units in CSS? Explained with Examples](https://www.freecodecamp.org/news/absolute-and-relative-css-units) (article)
Nhiệm vụ của bạn
Viết giải pháp của bạn cho bài học **Absolute vs. Relative Units** vào trình soạn thảo bên cạnh. Bấm **Chạy Thử Nghiệm** (hoặc nhấn `Ctrl+Enter`) để thực thi và ghi nhận hoàn thành kỹ năng trên Roadmap.
### Kỹ năng cần đạt:
- `Absolute`
- `vs.`
- `Engineering`
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵