[Học CSS] Bài 03: Cấu trúc cơ bản của một đoạn CSS

Trong bài này chúng ta sẽ đi tìm hiểu cách hoạt động của CSS và cấu trúc cơ bản của một đoạn CSS như thế nào nhé !

Cách hoạt động của CSS

CSS áp dụng những định dạng của nó lên văn bản HTML qua các vùng chọn. Với vùng chọn là: các thẻ HTML, các ID, Class,.. và nhiều vùng chọn khác.

Ví dụ viết một đoạn CSS cho vùng chọn là thẻ H1 thì nó cứ tìm đến chỗ nào có thẻ H1 sẽ áp dụng các định dạng có trong đoạn CSS.

Cấu trúc cơ bản của một đoạn CSS

CSS có cấu trúc như sau:

Ví dụ:

Ví dụ cho một đoạn văn vản HTML:

Các bạn copy nó và dán vào công cụ Codepen ở trên menu của Hocban.vn để xem nhé ! Đây là phần chú giải:

  • Đây là đoạn CSS áp dụng cho thẻ <H1> và chữ trong thẻ <p>
  • Font-size: kích thước font chữ, đơn vị là px
  • Color: màu sắc font, red > màu đỏ, blue > màu xanh nước biển,…

Oke nhé, bài này đơn giản vậy thôi. Các bạn đã hình dung được cách CSS nó định dạng cho văn bản HTML chưa nào ? Nếu chưa thì làm lại ví dụ vài lần để hiểu nhé !

Bài học trước đó và tiếp theo

[Học CSS] Bài 03: Cấu trúc cơ bản của một đoạn CSS
Mời bạn oánh giá 😇
- TÁC GIẢ BÀI VIẾT -

Hocban.vn

Tác giả tại Tịnh Nguyễn Blog
Bài viết bạn vừa xem được thực hiện bởi Tịnh Nguyễn, một thanh niên đẹp zai chuẩn sói ca, có sở thích vọc vạch về máy tính và Internet, hiện tại là ác min của Hocban.vn. Đây là các bài viết của anh ấy !
Nếu bạn thấy bài viết này hữu ích thì có thể chia sẻ nó qua:

Viết bình luận theo mẫu

(Các mục bắt buộc được đánh dấu * )