Học cách sử dụng màu sắc và typography trong CSS để tạo ra giao diện đẹp mắt và chuyên nghiệp
CSS hỗ trợ nhiều cách khác nhau để định nghĩa màu sắc. Mỗi định dạng có ưu điểm riêng và phù hợp với các tình huống khác nhau.
/* Hex Colors */
.hex-red { color: #ff6b6b; }
.hex-short { color: #f00; }
/* RGB Colors */
.rgb-blue { color: rgb(52, 152, 219); }
.rgba-blue { color: rgba(52, 152, 219, 0.7); }
/* HSL Colors */
.hsl-green { color: hsl(120, 60%, 50%); }
.hsla-green { color: hsla(120, 60%, 50%, 0.8); }
/* Named Colors */
.named-purple { color: purple; }
.named-crimson { color: crimson; }Hex, RGB, HSL, Named
Colors, gradients, images
Family, size, weight, style
Align, decoration, transform
Line, letter, word spacing
Colors và Typography là nền tảng để tạo ra giao diện đẹp mắt và dễ sử dụng! 🚀