CSS – Giới thiệu chung về

1. CSS là gì?

CSS (Cascading Style Sheets – Tập tin định kiểu tầng) là ngôn ngữ dùng để mô tả cách trình bày các phần tử HTML trên trang web. Nó giúp bạn kiểm soát giao diện như màu sắc, bố cục, font chữ, khoảng cách… mà không cần thay đổi nội dung HTML.

Ví dụ: Nếu HTML là phần “xương sống” của trang web, thì CSS chính là “trang phục” giúp website trở nên bắt mắt và chuyên nghiệp.

2. Vai trò của CSS trong thiết kế web

  • Tách biệt nội dung và trình bày → dễ bảo trì, cập nhật.

  • Tăng tính thẩm mỹ và trải nghiệm người dùng.

  • Giúp website hiển thị tốt trên nhiều thiết bị (responsive).

  • Hỗ trợ hiệu ứng, chuyển động, tương tác.

3. Lịch sử phát triển và các phiên bản CSS

  • CSS1 (1996): Phiên bản đầu tiên, hỗ trợ định dạng văn bản, màu sắc, căn lề.

  • CSS2 (1998): Bổ sung nhiều tính năng như positioning, media types.

  • CSS2.1: Phiên bản sửa lỗi và ổn định hơn.

  • CSS3 (2005–nay): Chia thành nhiều module như Flexbox, Grid, Animation, Media Queries…

  • CSS4: Chưa chính thức, nhưng một số module mới đang được phát triển và áp dụng.