CSS là một biểu định kiểu xếp tầng được sử dụng để tạo các thành phần trực quan trên trang tài nguyên Internet. Việc hiển thị các đối tượng được chỉ định trong CSS được thực hiện bằng ngôn ngữ đánh dấu HTML. Bản thân bảng xếp tầng không thể được sử dụng một mình.
Sử dụng CSS
CSS là một ngôn ngữ kiểu thực hiện việc hiển thị các phần tử đánh dấu HTML. Bảng xếp tầng cho phép bạn tùy chỉnh các tùy chọn không thể thay đổi trong HTML. Ví dụ, sử dụng ngôn ngữ kiểu, bạn có thể chỉnh sửa kiểu phông chữ, màu sắc. CSS cho phép bạn thiết lập các phần tử lề, dòng, phần đệm, chiều rộng, vị trí và thực hiện xuất các tham số không thể thực hiện được bằng HTML "thuần túy".
Các biểu định kiểu xếp tầng được hầu hết các trình duyệt hỗ trợ và được sử dụng trên hầu hết mọi tài nguyên web. Chúng kiểm soát việc hiển thị nội dung bằng một ngôn ngữ được chỉ định và cho phép bạn kiểm soát việc hiển thị các mục cho các phương tiện khác nhau.
Nếu HTML chỉ được sử dụng như một phương tiện cấu trúc văn bản của một trang, thì CSS cho phép bạn tùy chỉnh cách hiển thị của nội dung hiển thị.
Cú pháp CSS và bao gồm nó trong mã HTML
Khi thiết kế một trang, bạn nên sử dụng CSS hơn các công cụ HTML. Thực tế là HTML ban đầu không có các phương tiện để chỉnh sửa màu sắc của các phần tử và không nhằm mục đích đặt các thông số màu sắc và hiển thị, và do đó việc sử dụng các bộ mô tả HTML để tạo một thiết kế có thể bị một số nhà phát triển web coi là không chính xác.
CSS có cú pháp khác với HTML và được đưa vào mã trang thông qua các thẻ. Bạn cũng có thể tích hợp mã CSS trong một tệp riêng biệt bằng cách sử dụng thẻ tham số:
Mã CSS có một cú pháp nhất định, cần được tuân thủ nghiêm ngặt, nếu không, các kiểu được tạo sẽ không được hiển thị trên trang. Một phần của mã CSS có thể được chia thành 3 yếu tố chính: bộ chọn, thuộc tính và giá trị. Các mục này được viết như sau:
bộ chọn {thuộc tính: giá trị; }
Bộ chọn chỉ định xử lý áp dụng quy tắc hiển thị đã tạo. Tham số thuộc tính xác định khía cạnh có thể chỉnh sửa của phần tử và giá trị xác định tùy chọn tương ứng cho thuộc tính. Ví dụ: để thay đổi màu trong tiêu đề cấp hai
HTML, bạn có thể áp dụng mã sau:
h2 {color: red; }
Mã này đặt màu văn bản thành màu đỏ, nằm trong bộ mô tả tiêu đề cấp thứ hai.
CSS sử dụng bảng màu HTML tiêu chuẩn.
Ngoài việc sử dụng thẻ, bạn cũng có thể sử dụng thẻ nội bộ. Ví dụ:
Phần mở đầu
Mã này giống với mã được mô tả ở trên, với sự khác biệt là bản thân các thông số CSS được đặt bên trong bộ mô tả cần thiết để chỉnh sửa.