CSS là gì?
- CSS là viết tắt của Cascading Style Sheets
- CSS dùng để định dạng các thẻ HTML, định dạng có thể là: chỉnh vị trí, chiều rộng, độ cao, màu sắc, font chữ, màu nền, hình nền,...vv
- CSS tiết kiệm thời gian cho nhiều việc. Nó có thể kiểm soát giao diện của nhiều trang web cùng một lúc.
Tại sao sử dụng CSS?
CSS được sử dụng để tạo phong cách (style) cho trang web của bạn, bao gồm thiết kế, bố cục (layout) và sự biến đổi của trang web (responsive) sao cho phù hợp với các thiết bị và kích thước màn hình khác nhau.
Ví dụ về CSS
body { background-color: lightblue; } h1 { color: white; text-align: center; } p { font-family: verdana; font-size: 20px; }
CSS khắc phục được một vấn đề lớn
HTML KHÔNG BAO GIỜ được dùng cho mục đích định dạng trang web.
HTML được tạo ra để diễn tả nội dung của trang web, chẳng hạn:
<h1>Đây là tiêu đề</h1>
<p>Đây là đoạn văn.</p>
Khi những thẻ như <font> và các thuộc tính màu sắc của nó được thêm vào ở phiên bản HTML 3.2, nó đã trở thành một cơn ác mộng đối với những nhà phát triển web. Đối với việc phát triển những trang web lớn, khi mà phông chữ và màu sắc được thêm cho từng trang, nó khiến việc bảo trì và phát triển trở nên tốn kém.
Ví dụ
<!DOCTYPE html> <html> <head> <title> Sử dụng HTML để định dạng phông chữ </title> </head> <body> <font size="6" face="verdana" color="green"> Văn bản! </font> <br> <font size="6" face="arial" color="#008000"> Văn bản! </font> <br> <font size="6" color="rgb(128, 128, 0)"> Văn bản! </font> </body> </html>
Để khắc phục vấn đề này, tổ chức World Wide Web Consortium (W3C) đã tạo ra CSS.
CSS ra đời, chúng ta không cần sử dụng các thẻ định dạng ở trang HTML nữa!
CSS tiết kiệm thời gian cho nhiều việc!
Ta thường style cho trang HTML bằng các file CSS (.css) được liên kết từ bên ngoài (external) thông qua thẻ <link>.
Với cách này, bạn có thể thay đổi cái nhìn của toàn bộ trang web chỉ bằng cách thay đổi nội dung của một file CSS!