CSS Comments
Comment được dùng để giải thích code, giúp việc chỉnh sửa code trở nên thuận tiện.
Trình duyệt sẽ bỏ qua comment.
Một CSS comment được đặt trong thẻ <style>
bắt đầu với /*
và kết thúc với */
:
Ví dụ
/* This is a single-line comment */ p { color: red; }
Bạn có thể thêm comment ở bất kỳ đâu trong đoạn code:
Ví dụ
p { color: red; /* Chỉnh màu chữ thành đỏ */ }
Comment cũng có thể được viết trong nhiều dòng:
Ví dụ
/* Đây là comment nhiều dòng*/ p { color: red; }
Comment trong HTML và CSS
Bạn đã biết cách comment trong HTML dùng cú pháp <!--...-->
.
Dưới đây là sự kết hợp comment của HTML và CSS:
Ví dụ
<!DOCTYPE html> <html> <head> <style> p { color: red; } </style> </head> <body> <h2>Tiêu đề</h2> <!-- Đoạn văn màu đỏ --> <p>Hello World!</p> <p>Đoạn văn được CSS.</p> <p>Comment CSS không được hiển thị.</p> </body> </html>