Hướng dẫn how do you write a comment in css? - làm thế nào để bạn viết một bình luận trong css?

Question

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.

Nội dung chính Show

CSS bình luận
Nhận xét của HTML và CSS
Thông số kỹ thuật
Sự kết luận
Nhận xét được viết bằng CSS như thế nào?
Bạn có thể nhận xét trong CSS không?

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 */:

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 .

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 đỏ */}

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 an inline comment in CSS */

0 đượ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 an inline comment in CSS */

2 để ẩ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 ____1010, 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 */ theo một ví dụ của /* đóng nhận xét.

Thông số kỹ thuật

Xem thêm

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 phía trước (

/* This is an inline comment in CSS */

6) và Asterisk (

/* This is an inline comment in CSS */

7) 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 (*/).

Đâ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

Nhận xét được viết bằng CSS như thế nào?

Cú pháp / * * / bình luận đượ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./* */ comment syntax is used for both single and multiline comments. There is no other way to specify comments in external style sheets.

Bạn có thể nhận xét trong CSS không?

Một dấu gạch chéo phía trước ( /) và dấu hoa thị ( *) 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 phía trước và dấu hoa thị ( / *), và bạn kết thúc nhận xét với dấu hoa thị và chém về phía trước ( * /).To add both inline and multiline comments in CSS, you start with a forward slash and asterisk ( /* ), and you end the comment it with an asterisk and forward slash ( */ ).

programming css Comment in CSS HTML comment CSS comment box Padding CSS Background-color CSS