Bài 2: Tổng quan về CSS
Nội dung bài viết
Tổng quan về CSS
CSS là một ngôn ngữ định dạng và thiết lập kiểu cho các trang web và tài liệu HTML.
Nó cho phép bạn kiểm soát cách các phần tử trên trang web của bạn được hiển thị trong trình duyệt của người dùng, bao gồm màu sắc, kích thước, khoảng cách, vị trí và hình dạng.
Mỗi quy tắc CSS bao gồm một bộ ba lựa chọn: một phần tử HTML mà bạn muốn áp dụng kiểu, một thuộc tính của phần tử đó và giá trị của thuộc tính đó. Ví dụ: để đặt màu nền cho phần tử <body> thành màu xanh lá cây, bạn có thể sử dụng quy tắc CSS như sau:
body {
background-color: green;
}
CSS có thể được sử dụng để tạo ra các thiết kế web đa dạng, từ các trang web đơn giản đến các trang web phức tạp với nhiều chức năng và hiệu ứng hình ảnh. CSS cũng cho phép bạn tạo ra các trang web đáp ứng, tức là các trang web có thể tự động thay đổi kích thước và bố cục để phù hợp với kích thước và hướng của các thiết bị khác nhau, bao gồm cả máy tính để bàn, điện thoại di động và máy tính bảng.
Để sử dụng CSS trong các trang web của bạn, bạn có thể thêm các quy tắc CSS vào tài liệu HTML bằng cách sử dụng thẻ <style> hoặc tạo một tệp CSS riêng biệt và liên kết với tài liệu HTML bằng cách sử dụng thẻ <link>.