Chúng ta đã biết file CSS của 1 website khá dài vậy phải viết css thế nào để dễ chỉnh sửa tìm kiếm. Đơn giản là thêm vào những dòng comment.
Định nghĩa comment trong Css [ comment in css]
CSS comment là những dòng chú thích được thêm vào để giải thích ý nghĩa của mã lệnh hoặc cũng được dùng để vô hiệu hóa mã lệnh.
Comment trong CSS được bắt đầu bởi /*
và kết thúc bởi */
.
/* bắt đầu CSS style */
body {
background: #f2f2f2;
}
Comment in CSS có thể dài nhiều dòng:
/* comment
dài nhiều dòng
*/
Hoặc để vô hiệu hóa mã CSS:
/*
body {
background: #f2f2f2;
}
*/
Chúng ta có thể đặt comment phía cuối dòng:
body { /* bộ chọn */
background: #f2f2f2; /* quy luật CSS */
}
Comment trong CSS thường được sử dụng để giải thích mã của bạn. Nó rất hữu ích cho người khác hoặc chính bạn đọc lại mã CSS mà bạn viết ra để có thể dễ dàng hiểu chúng. Comment được các trình duyệt bỏ qua, không hiển thị trên trình duyệt. Comment được viết ở một hoặc nhiều dòng và được viết trong /*............*/ Ví dụ về comment trong CSS: Hello CSS Ví dụ về comment trong CSS.
p {
color: blue;
/* Comment duoc viet tren 1 dong */
text-align: center;
font-size: 17px;
}
/* Comment nay
* duoc viet tren
* nhieu dong
*/
Những dòng comment không được hiển thị lên trình duyệt.
Output:
Khi viết code HTML và CSS bạn cần phải chú thích [Comment] lại một số đoạn mã. Điều này sẽ giúp cho code trở nên rõ ràng, dễ hiểu và sau này chỉnh sửa dễ hơn. Với người mới bắt đầu nên thường xuyên để ý tới Comment để giúp cho công việc trở nên hiệu quả. Bạn sẽ không mất quá nhiều thời gian cho việc này đâu.
Các đoạn comment khi viết nó chỉ hiển thị ở trong code. Và không được hiển thị trên trình duyệt.
Cách viết trong HTML như sau:
Sẽ bắt đầu bằng
Ví dụ:
Tiêu đề
Comment trong CSS
Trong CSS comment sẽ khác so với HTML.
/* ... */
Nó sẽ bắt đầu bằng /*
và kết thúc bằng */
Ví dụ:
/* Khu vực Header */ .header { background: #444; height: 100px; margin-bottom: 20px; }
Cách viết Comment hiệu quả
Khi viết chú thích mình thường áp dụng những cách sau:
– Đối với HTML nên đặt sau kết thúc của một khối mã. Như ví dụ ở trên đưa ra. Bởi vì trong HTML khi kết thúc