Share Sử dụng thư viện W3.CSS để thiết kế giao diện website

[filiallion]

Language

Tiếng Việt

Hiện nay có rất nhiều thư viện CSS phục vụ thiết kế giao diện website, trong số đó phải kể đến như Bootstrap, Metro,... Ngoài ra, với một số lượng rất lớn các thư viện CSS đáp ứng gần như tất cả mọi yêu cầu thiết kế của các bạn sẽ giúp cho công việc phát triển web trở nên dễ dàng hơn. Cùng tham gia vào việc cung cấp thư viện CSS cho các nhà phát triển web, W3Schools đã cho ra đời bộ thư viện CSS mang tên W3.CSS. Mặc dù bộ thư viện W3.CSS theo cảm nhận cá nhân tôi, nó không mang lại thẩm mỹ tốt nhất nhưng chắc chắn nó được viết rất chuẩn theo đúng tiêu chuẩn của tổ chức W3C, cũng như việc tối ưu hiệu năng góp phần giúp cho website hoạt động mượt hơn.

Bộ thư viện W3.CSS cung cấp rất nhiều thành phần, gần như có đầy đủ mọi thứ cần thiết để thiết kế hoàn chỉnh một giao diện website. Các thành phần quan trọng như grid, panel, card, button, form, table, sidebar, tab,... chắc chắn phải có. Bên cạnh đó, các thành phần cung cấp hiệu ứng đẹp như effect, slideshow,... cũng được cung cấp.

Để sử dụng thư viện W3.CSS, các bạn tải tại địa chỉ https://www.w3schools.com/w3css/w3css_downloads.asp và tích hợp vào website với dòng mã lệnh HTML như sau:

<link href="path/to/w3.css" rel="stylesheet">

Bây giờ, các bạn có thể sử dụng tất cả các thành phần của W3.CSS như ví dụ sau:

<button type="button" class="w3-btn w3-black">Black</button>

Các bạn có thể tìm hiểu tất cả các thành phần của W3.CSS tại địa chỉ https://www.w3schools.com/w3css/default.asp.