Nhận xét có thể giúp bạn giải thích và tổ chức CSS của mình, đồng thời kiểm soát phần nào của biểu định kiểu của bạn được áp dụng trên giao diện người dùng. Tìm hiểu cách thêm chúng vào mã của bạn.

Bạn đang xem : cách thêm nhận xét trong css

Trong CSS, bạn có thể thêm nhận xét để giải thích hoặc tổ chức các phần khác nhau của biểu định kiểu của bạn. Làm như vậy có vẻ là một bước không liên quan trong quá trình viết mã, nhưng nhận xét có thể cực kỳ hữu ích khi gỡ lỗi hoặc thiết kế lại trang web của bạn .

Tại sao? Bởi vì chúng cho người đọc biết những dòng mã cụ thể của bạn được dùng để làm gì. Những ghi chú này đặc biệt hữu ích nếu nhiều nhà phát triển đang làm việc trên một trang web hoặc nếu bạn đã kế thừa trang web từ một chủ sở hữu khác.

Nếu bạn đã xem qua biểu định kiểu trước đó hoặc đọc đủ các bài đăng trên blog với các đoạn mã, bạn có thể đã thấy nhận xét. Chúng có thể được nhận biết bằng các dấu / * * / kèm theo chúng.

Trong bài đăng này, chúng tôi sẽ hướng dẫn cách tạo nhận xét trong CSS. Sau đó, chúng tôi sẽ đề cập đến ý nghĩa của việc “bình luận” trong CSS và cách thực hiện. Cuối cùng, chúng tôi sẽ đề cập đến một phương pháp nhận xét CSS khác mà bạn nên tránh. Hãy bắt đầu.

Cách nhận xét trong CSS

Để nhận xét trong CSS, chỉ cần đặt văn bản thuần túy của bạn bên trong dấu / * * /. Điều này cho trình duyệt biết rằng chúng là ghi chú và không nên được hiển thị trên giao diện người dùng.

Bạn có thể thêm nhận xét vào biểu định kiểu của mình theo hai cách. Định dạng phổ biến nhất là nhận xét một dòng, được hiển thị bên dưới:

  

/ * Đây là nhận xét trong CSS * /

p {

màu: trắng;

màu nền: # 2594A4;

}

Một nhận xét đơn dòng có thể có dòng riêng hoặc có thể được đặt trên một dòng có mã hoạt động, như được hiển thị ở đây:

  

p {

màu sắc: trắng; / * đặt màu văn bản thành màu trắng * /

}

Bạn cũng có thể định dạng chúng dưới dạng nhận xét nhiều dòng:

  

/ * Những từ này…

… ở bên trong…

… cùng một nhận xét. * /

Các nhận xét trong CSS bị trình duyệt bỏ qua và không ảnh hưởng đến cách các kiểu được hiển thị trên giao diện người dùng. Ví dụ dưới đây cho thấy cách nhận xét có thể được sử dụng để thông báo cho bất kỳ nhà phát triển nào đang đọc mã mỗi dòng có chức năng như thế nào.

Xem Thêm  Ignition User Manual 8.1 - web dev

Xem Pen CSS nhận xét: example của HubSpot ( @hubspot ) trên CodePen .

Nhận xét hoạt động trong cả CSS bên trong và bên ngoài , cũng như với các khung CSS như Bootstrap CSS .

Ngoài việc giải thích các phần mã, các nhận xét cũng thường được sử dụng để “bình luận” về một đoạn mã CSS.

Nhận xét về CSS

Trong CSS, nhận xét là cách đặt các dấu nhận xét (/ * * /) xung quanh một đoạn mã để hủy kích hoạt đoạn mã đó. Nhận xét cho phép các nhà phát triển tắt một số kiểu dáng nhất định trong khi lưu mã để sử dụng sau này. Nó cũng có thể được sử dụng để giữ toàn bộ khối mã CSS mà bạn có thể muốn sử dụng sau này mà không cần xóa nó.

Đưa ra nhận xét là một thủ thuật tiện lợi để sử dụng khi kiểm tra và gỡ lỗi mã CSS. Nó cho phép bạn thử nhiều kiểu kết hợp khác nhau, vì việc đặt một khai báo bên trong một nhận xét sẽ làm cho nó ẩn với trình duyệt.

Trước khi chúng ta tiếp tục, hãy làm rõ bộ quy tắc là gì. Bộ quy tắc là CSS selector và tất cả các khai báo bên trong dấu ngoặc. Dưới đây là bộ quy tắc cho tất cả các phần tử đoạn văn trên một trang web (chúng tôi đang sử dụng trong các ví dụ ở trên).

  

p {

màu: trắng;

màu nền: # FF5C35;

padding: 10px;

}

Bây giờ, hãy xem ví dụ về một tuyên bố riêng lẻ trong bộ quy tắc đó đang được nhận xét.

Xem Bút ký CSS nhận xét: nhận xét 1 của HubSpot ( @hubspot ) trên CodePen .

Tuyên bố color: white không còn được áp dụng vì nó đã bị đưa ra bình luận.

Bây giờ, hãy xem một ví dụ khác trong đó toàn bộ bộ quy tắc được nhận xét:

Xem Pen CSS nhận xét: bình luận 2 của HubSpot ( @hubspot ) trên CodePen .

Như bạn có thể thấy, không có kiểu nào được áp dụng cho phần tử đoạn văn.

Nhận xét dòng đơn CSS

Về mặt kỹ thuật, có một cách khác để nhận xét các dòng đơn trong CSS trong một số trình duyệt, bằng cách đặt dấu gạch chéo kép (//) trước mã bạn muốn nhận xét thay vì sử dụng tiêu chuẩn / * … * / phương thức.

  

/ * Dòng này được bình luận. * /

// Dòng này được ghi chú nhưng bạn không nên sử dụng phương pháp này!

Tuy nhiên, bạn nên tránh phương pháp này trong mã của mình. Phương pháp nhận xét dấu gạch chéo kép không được chuẩn hóa trong CSS (trong khi phương thức / * … * / là), có nghĩa là nó không được đảm bảo hoạt động trên tất cả các trình duyệt.

Xem Thêm  Hàm MONTH Excel - làm thế nào để có được tháng

Có, nó có thể hoạt động trên một số trình duyệt hiện đại. Tuy nhiên, các trình duyệt này có thể ngừng hoạt động tính năng này bất cứ lúc nào, có nghĩa là nhận xét của bạn sẽ không còn là nhận xét, CSS của bạn sẽ bị hỏng và khách truy cập của bạn sẽ bị nhầm lẫn.

Để an toàn, hãy tuân theo phương pháp nhận xét / * … * / mà chúng tôi đã thảo luận vì nó là tiêu chuẩn chắc chắn, hoạt động trên các trình duyệt và hệ điều hành, và sẽ không sẽ sớm không còn được dùng nữa.

Nhận xét CSS so với Nhận xét HTML

Bạn cũng có thể nhận thấy rằng nhận xét CSS hoạt động tương tự như nhận xét HTML . Sự khác biệt giữa chúng là các nhận xét CSS được chỉ định bằng các ký hiệu / * … * / , trong khi các nhận xét HTML được bao gồm trong & lt;! -… – & gt; > thẻ.

Sự khác biệt được thể hiện trong ví dụ dưới đây:

Xem Pen Nhận xét CSS so với Nhận xét HTML của HubSpot ( @hubspot ) trên CodePen .

Đưa ra nhận xét trong CSS

Nếu bạn muốn thêm ghi chú giải thích hoặc ngăn trình duyệt hiển thị các phần cụ thể trong biểu định kiểu của mình, thì bạn có thể sử dụng nhận xét. Nhận xét sẽ không ảnh hưởng đến việc giải thích các phần khác của biểu định kiểu của bạn hoặc bố cục trang web của bạn trên giao diện người dùng. Chúng cũng dễ tạo, ngay cả khi bạn mới bắt đầu học HTML và CSS.

Ghi chú của người biên tập: Bài đăng này ban đầu được xuất bản vào tháng 7 năm 2020 và đã được cập nhật để có tính toàn diện.

Gọi hành động mới


Xem thêm những thông tin liên quan đến chủ đề cách thêm nhận xét trong css

Position CSS trong 10 phút | Học HTML & CSS

alt

  • Tác giả: HoleTex
  • Ngày đăng: 2021-03-28
  • Đánh giá: 4 ⭐ ( 3230 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thuộc tính Position trong CSS | 10 phút

    Position trong CSS là một trong các thuộc tính rất quan trọng và được sử dụng rất nhiều khi viết code CSS. Thuộc tính này giúp cho chúng ta quyết định các element sẽ hiển thị ở đâu trên trang web

    Thuộc tính position có 5 giá trị đó là static, relative, absolute, fixed và sticky. Chúng ta sẽ lần lượt tìm hiểu về các giá trị này nhé.

    💻 Thông số PC & Gears của mình (Affiliate Links):
    Máy ảnh Canon EOS M50 + Kit 15-45mm – https://shorten.asia/bcFhNcnn (TIKI)
    Microphones Elgato Microphone Wave 3 – https://shorten.asia/jnfeQ479 (TIKI)
    Micro Rode Videomic Gohttps://shorten.asia/wakxwDTE (TIKI)
    Màn hình Dell S2421HN 23.8Inch IPS – https://shorten.asia/7QFa78K4 (TIKI)
    Màn hình MSI OPTIX G27C4 27 VA 165Hz – https://shorten.asia/wYQjECEa (TIKI)

    Tai Nghe Gaming SteelSeries Arctis 7 DTS.X 7.1 – https://shorten.asia/E2T1DkvR (TIKI)
    Chuột SteelSeries Rival 310 – https://shorten.asia/ASkx5jwx (TIKI)
    Ổ cứng HDD Western Digital BLUE 6TB – https://shorten.asia/Q7GmkecR (TIKI)
    CPU Intel Core i5-10400 – https://shorten.asia/yWnkVJtQ (TIKI)
    Ram ADATA DDR4 XPG GAMMIX D10 8GB 3200MHz – https://shorten.asia/2vGSE7VX (TIKI)
    Mainboard ASRock B460M – https://shorten.asia/GfzknMY4 (TIKI)

    📢 Liên hệ với mình tại:
    Facebook: https://www.facebook.com/holetex/​
    Instagram: https://www.instagram.com/holetex/
    Github: https://github.com/holetexvn
    Facebook cá nhân: https://www.facebook.com/minhtung09/
    Email: holetex@outlook.com

    holetex position css

Cách thiết kế giao diện bình luận bằng mã CSS trên Blogspot

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 6557 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách thiết kế giao diện bình luận bằng mã CSS trên Blogspot, đây là một thủ thuật rất hữu ích mà các bạn cần nên biết và áp dụng cho trang blog của mình

Thêm, chỉnh sửa, trả lời hoặc xóa nhận xét trên máy tính

  • Tác giả: gworkspace.com.vn
  • Đánh giá: 3 ⭐ ( 2653 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Comment trong CSS

  • Tác giả: viettuts.vn
  • Đánh giá: 5 ⭐ ( 8556 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 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

Cách thêm nhận xét trong Google Docs / làm thế nào để

  • Tác giả: vi.phhsnews.com
  • Đánh giá: 3 ⭐ ( 6926 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Google Docs là một giải pháp thay thế tuyệt vời cho nhiều ứng dụng xử lý văn bản khác và nó cho phép người dùng giao tiếp với cộng tác viên về các phần cụ thể của tài liệu mà không phải gửi email hoặc nhắn tin cho họ. Đây là cách bạn có thể thêm nhận xét trong Google Docs.

Nhận xét CSS

  • Tác giả: tech-wiki.online
  • Đánh giá: 5 ⭐ ( 8423 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Comment trong Css ( Comment in CSS)

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 5 ⭐ ( 4141 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 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

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Hộp văn bản trong HTML - Thẻ HTML của trường nhập liệu - hộp nhập văn bản html

By ads_php