CSS3 là gì?

CSS3 cung cấp rất nhiều cách thức mới để tạo ra những hiệu ứng khác nhau cho thiết kế của bạn, với một vài thay đổi quan trọng trong thiết kế website



Cascading Style Sheets (CSS) là những file hỗ trợ trình duyệt web trong việc hiển thị một trang HTML. Các file CSS sẽ giúp cụ thể hóa các thành phần  của trang HTML nên được hiển thị như thế nào, nó cho phép bạn kiểm soát phông chữ, màu nền, kiểu nền…

CSS3 là phiên bản nâng cấp của CSS, CSS3 tuy chưa được chính thức sử dụng rộng rãi nhưng những gì mà nó có thể làm được quả là rất đáng mong đợi. Về mặt nguyên lý thì có vẻ sự ra đời của CSS3 đã phần nào lấn sân của Javascript. Bởi vì người ta nói rằng HTML dùng để thể hiện nội dung, CSS dùng để trình bày cấu trúc và Javascript thì tương tác với người dùng. Nhưng những tính năng mới của CSS3 như transition và animation phần nào đã làm thay đổi nguyên lý này.

Hiện tại khi sử dụng Javscript người lập trình bao giờ cũng phải tính đến điều kiện trình duyệt của người dùng không bật Javascript. Nhưng nếu trong tương lai (hy vọng không xa) chúng ta có thể tạo ra những hiệu ứng động đơn giản mà không cần sự hỗ trợ của Javascript thì cũng rất tiện.

CSS3 được phát triển nhằm tăng sự tương thích với HTML5 trong việc bố cục trình bày nội dung. Giờ đây, những tài liệu HTML đã có một bố cục hết sức rõ ràng và dễ hiểu, các thuộc tính CSS và các thẻ HTML giờ đã không còn bị chồng lấn mà được phân tách bằng các hàng “class” và “id”.

Ngoài việc hỗ trợ về giao diện thì CSS3 còn giúp bạn loại bỏ những đoạn code thừa trong HTML khi việc sử dụng những thẻ thuộc tính trong HTML không còn cần thiết nữa.

Media Queries mới được ra mắt trong CSS3 hỗ trợ tính tương thích với nhiều kích thước màn hình khác nhau mà không cần chỉnh sửa nội dung hiển thị, làm tăng tính uyển chuyển của ứng dụng.

CSS3 là ngôn ngữ được hỗ trợ bởi hầu hết các trình duyệt trên thế giới. Và nó thể hiện một website trên nhiều trình duyệt khác nhau cũng khá nhất quán. Tuy nhiên, người thiết kế web vẫn cần xác định rõ trình duyệt được người dùng sử dụng nhiều nhất để có sự điều chỉnh tốt nhất cho trình duyệt đó hoặc bạn có thể sử dụng một số hàm fix hỗ trợ CSS3.

Bài viết khác