Hướng dẫn how can we add comments in css? - làm thế nào chúng ta có thể thêm nhận xét trong css?

Nhận xét của CSS không được hiển thị trong trình duyệt, nhưng chúng có thể giúp ghi lại mã nguồn của bạn.

CSS bình luận

Nhận xét được sử dụng để giải thích mã và có thể giúp khi bạn chỉnh sửa mã nguồn vào một ngày sau đó.

Nhận xét bị bỏ qua bởi các trình duyệt.

Một nhận xét CSS được đặt bên trong phần tử <style> và bắt đầu bằng /* và kết thúc bằng

/* This is a SINGLE LINE COMMENT */

0:

Bạn có thể thêm nhận xét bất cứ nơi nào bạn muốn trong mã:

Nhận xét cũng có thể kéo dài nhiều dòng: & nbsp;

Nhận xét của HTML và CSS

Từ hướng dẫn HTML, bạn đã học được rằng bạn có thể thêm nhận xét vào nguồn HTML của mình bằng cách sử dụng cú pháp

/* This is a SINGLE LINE COMMENT */

1.

Trong ví dụ sau, chúng tôi sử dụng kết hợp các nhận xét HTML và CSS:

Thí dụ

p {& nbsp; màu đỏ; / * Đặt màu văn bản thành màu đỏ */}



p {
  color: red; /* Set text color to red */
}


Tiêu đề của tôi

Hello World! Đoạn này được tạo kiểu với các bình luận của CSS.CSS không được hiển thị trong đầu ra.

Hello World!


This paragraph is styled with CSS.


CSS comments are not shown in the output.


Hãy tự mình thử »



Nhận xét CSS được sử dụng để thêm ghi chú giải thích vào mã hoặc để ngăn trình duyệt diễn giải các phần cụ thể của bảng kiểu. Theo thiết kế, nhận xét không có tác dụng đối với bố cục của một tài liệu.comment is used to add explanatory notes to the code or to prevent the browser from interpreting specific parts of the style sheet. By design, comments have no effect on the layout of a document.

Cú pháp

Nhận xét có thể được đặt bất cứ nơi nào không gian trắng được cho phép trong một bảng kiểu. Chúng có thể được sử dụng trên một dòng hoặc nhiều dòng.

Ví dụ

/* A one-line comment */ /* A comment which stretches over several lines */ /* The comment below is used to disable specific styling */ /* span { color: blue; font-size: 1.5em; } */

Ghi chú

Cú pháp nhận xét

/* This is a SINGLE LINE COMMENT */

2 được sử dụng cho cả nhận xét đơn và đa dòng. Không có cách nào khác để chỉ định nhận xét trong các bảng phong cách bên ngoài. Tuy nhiên, khi sử dụng phần tử <style>, bạn có thể sử dụng

/* This is a SINGLE LINE COMMENT */

4 để ẩn CSS khỏi các trình duyệt cũ hơn, mặc dù điều này không được khuyến khích. Như với hầu hết các ngôn ngữ lập trình sử dụng cú pháp bình luận

/* This is a SINGLE LINE COMMENT */

2, nhận xét không thể được lồng. Nói cách khác, trường hợp đầu tiên của

/* This is a SINGLE LINE COMMENT */

0 theo một ví dụ của /* đóng nhận xét.

Thông số kỹ thuật

Xem thêm

Đội câu trả lời giáo dục

Đó là một thông lệ để thêm nhận xét trong mã để tăng cường khả năng đọc và thêm các ghi chú hữu ích cùng với mã. Giống như hầu hết các ngôn ngữ, CSS cho phép người dùng thêm nhận xét trong bảng kiểu.

Nhận xét trong CSS có thể được thêm vào bằng cách sử dụng thẻ /*, sau đó được đóng bằng cách sử dụng ____10.

Lưu ý: Mã được nhận xét không được sử dụng để tạo kiểu trang. Code that is commented out is not used to style the page.

Kỹ thuật này có thể được sử dụng để thêm cả nhận xét đơn và nhiều dòng.

1. Nhận xét dòng đơn

Nhận xét dòng đơn có thể được thêm vào như sau:

/* This is a SINGLE LINE COMMENT */

Lưu ý: Người dùng có thể quan sát rằng thẻ

/* This is a

MULTI LINE COMMENT

in CSS */

0 có thể được sử dụng để thêm nhận xét dòng đơn. Tuy nhiên, đây không phải là thông lệ tiêu chuẩn trong CSS và do đó không nên sử dụng. Users may observe that the

/* This is a

MULTI LINE COMMENT

in CSS */

0 tag can be used to add single line comments. However, this is not the standard practice in CSS and therefore should not be used.

2. Nhận xét đa dòng

Nhận xét đa dòng có thể được thêm vào bằng cách sử dụng cùng một thẻ /*:

/* This is a

MULTI LINE COMMENT

in CSS */

Thí dụ

Hãy để thêm nhận xét vào một đoạn mã hoạt động và xem cách thức hoạt động của nó:

THẺ LIÊN QUAN

CSS

bình luận

Singe Line bình luận

Nhận xét đa dòng

/*

Bản quyền © 2022 Giáo dục, Inc. Tất cả quyền được bảo lưu

Nhận xét là một phần không thể thiếu của bất kỳ ngôn ngữ lập trình nào và CSS cũng không ngoại lệ.

Nếu bạn có một dự án rất lớn hoặc bạn làm việc trong một nhóm, thì bạn sẽ cần giúp người khác hiểu rõ kiểu CSS của bạn bằng cách thêm nhận xét vào nó.

Vì các kiểu dáng có thể trở nên phức tạp và dài dòng theo thời gian, việc thêm nhận xét vào mã CSS của bạn là một quy ước hữu ích mà bạn nên làm theo.

Bài viết này sẽ chỉ cho bạn cách thêm cả nhận xét nội tuyến và đa dòng trong CSS.

Một chém về phía trước (

/* This is a

MULTI LINE COMMENT

in CSS */

2) và Asterisk (

/* This is a

MULTI LINE COMMENT

in CSS */

3) là tất cả những gì bạn cần để nhận xét một dòng hoặc dòng CSS. Nhưng làm thế nào để bạn làm điều đó?

Để thêm cả nhận xét nội tuyến và đa dòng trong CSS, bạn bắt đầu với một dấu gạch chéo và dấu hoa thị (/*), và bạn kết thúc nhận xét bằng dấu hoa thị và chém về phía trước (____10).

Đây là những gì một nhận xét nội tuyến trông giống như trong CSS:

/* This is an inline comment in CSS */

Đây là những gì một bình luận đa dòng trông giống như:

/* This is a multi-line comment in CSS */

Bạn có thể nhận xét một dòng hoặc dòng CSS mà bạn không muốn chạy:

/* .email-sub { padding: 0.2rem; border: 1px solid var(--primary-color); border-radius: 4px; } .email-sub:focus { border: 1px solid var(--secondary-color); outline: none; } */

Bạn có thể chỉ định bắt đầu và kết thúc của các kiểu cho một phần của trang web của bạn với nhận xét:

/* Hero section starts */ .hero { display: flex; align-items: center; justify-content: space-between; gap: 1.9rem; max-width: 1100px; margin: 2rem auto -6rem; } /* Hero section ends */

Bạn cũng có thể sử dụng nhận xét để thêm ghi chú vào CSS của mình:

/* Don't override this style if you don't know what you are doing. Otherwise, CSS might give you a kick in the butt */

Sự kết luận

Về lâu dài, việc thêm nhận xét vào CSS của bạn có thể giúp bạn nhớ những gì bạn đang làm khi bạn viết mã.

Ngoài ra, khi bạn thêm nhận xét đúng cách, việc bắt đầu làm việc trên một dự án sẽ dễ dàng hơn nếu nó đã được một thời gian dài kể từ khi bạn xem mã.

Để xem làm thế nào bạn có thể sắp xếp CSS của mình với nhận xét, bạn nên đọc bài viết này.

Học mã miễn phí. Chương trình giảng dạy nguồn mở của Freecodecamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Chủ đề