Cách sử dụng Style Sheet (CSS) trong HTML

Giới thiệu

Stylesheet được dùng trong HTML để mô tả cách tài liệu được trình bày trên màn hình. Với CSS, dễ dàng chỉ định nhiều thuộc tính style cho phần tử HTML. Mỗi thuộc tính có tên và giá trị, cách nhau bởi dấu hai chấm (:).

Bạn có thể dùng CSS 3 cách trong tài liệu HTML:

• External Style Sheet - Định nghĩa quy tắc style trong file .css riêng và include vào HTML bằng thẻ <link>.
• Internal Style Sheet - Định nghĩa quy tắc style trong phần head của HTML bằng thẻ <style>.
• Inline Style Sheet - Định nghĩa quy tắc style trực tiếp trên phần tử HTML bằng thuộc tính style.

Chú ý: mỗi khai báo thuộc tính cách nhau bằng dấu chấm phẩy (;). Dùng thuộc tính style để thêm CSS vào phần tử HTML. Đây là cách thêm inline style và thiết lập màu chữ:

Ví dụ

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML style sheet</title> 
  </head> 
  <body> 
    <h1 style="color:red"> 
      Heading 
    </h1> 
    <p style="color:blue"> 
      This is demo text 
    </p> 
  </body> 
</html>

Kết quả