Cú pháp và Selector trong CSS

Cú pháp trong CSS

Cú pháp trong CSS

Một bộ quy tắc (rule) CSS bao gồm một bộ chọn (selector) và một khối khai báo các thuộc tính:

Cú pháp và Selector trong CSS

Bộ chọn (Selector) chỉ tới các phần tử HTML mà chúng ta muốn áp dụng kiểu.

Khối khai báo (Declaration) bao gồm một hoặc nhiều khai báo thuộc tính phân tách nhau bằng dấu chấm phẩy.

Mỗi khai báo thuộc tính bao gồm một tên thuộc tính (Property) và giá trị (Value) của thuộc tính, phân tách nhau bằng dấu hai chấm.

Một khai báo CSS luôn luôn kết thúc với một dấu chấm phẩy, và các nhóm khai báo đặt trong một cặp ngoặc nhọn ({}).

Trong ví dụ sau, tất cả các phần tử <p> sẽ được căn giữa và có màu đỏ

p {
  color: red;
  text-align: center;
}

Chú thích trong CSS

Chú thích (comment) được sử dụng để giải thích ý nghĩa của mã nguồn, chúng giúp cho người khác hiểu mã nguồn do chúng ta viết ra, hoặc giúp cho chính chúng ta nếu sau này muốn chỉnh sửa mã nguồn. Các trình duyệt sẽ không xử lý các phần chú thích, chúng sẽ bỏ qua các đoạn chú thích này.

Một chú thích trong CSS bắt đầu với cặp kí hiệu /* và kết thúc với cặp kí hiệu */. Chúng ta có thể viết chú thích trên nhiều dòng.

Kết luận

Qua đây là một số chia sẻ về CSS, mời bạn tiếp tục theo dõi các bài viết sau để hiểu rõ hơn về CSS.

Các bạn có thể tham khảo các bài viết hay về CSS tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

Trở thành lập trình viên từ con số 0

Leave a Reply

Your email address will not be published. Required fields are marked *