[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


- TÁC GIẢ BÀI VIẾT -

Hocban.vn

Farmer at Home Garden
Bài viết bạn vừa xem được thực hiện bởi biên tập viên của Hocban.vn - chúc các bạn online vui vẻ và góp nhặt được nhiều thông tin, tư liệu hữu ích. Trân trọng !

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

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