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 nhận xét dòng 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  Đầu vào của người dùng Python | Hàm Python Input () | Nhập bàn phím - cú pháp nhập liệu của người dùng python

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  Độ dài mảng Python - python lấy độ dài mả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ủ đề làm thế nào để nhận xét các dòng 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 ⭐ ( 4124 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 Nhận xét Ra một Dòng hoặc Thẻ trong HTML

  • Tác giả: kiemlua24h.co
  • Đánh giá: 5 ⭐ ( 7608 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình.Bạn cũng sẽ thấy lý do tại sao nhận xét được coi là một ..

Danh sách trong CSS

  • Tác giả: comdy.vn
  • Đánh giá: 5 ⭐ ( 1764 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong hướng dẫn này, bạn sẽ học cách định dạng danh sách HTML bằng CSS.

Làm thế nào để điều chỉnh dòng khoảng cách trong CSS?

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

18 Lệnh thường gặp trong CSS Web Designer không thể không biết

  • Tác giả: pamarketing.vn
  • Đánh giá: 3 ⭐ ( 4717 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Là 1 Web Designer mà không biết về các lệnh thường gặp trong CSS thì thực sự là 1 điều vô cùng kém cỏi. Sẽ trở thành trở ngại vô cùng lớn nếu như bạn …

Làm cách nào để tôi có thể nhận xét một dòng hoặc một khối dòng trong Vim?

  • Tác giả: vi.uwenku.com
  • Đánh giá: 3 ⭐ ( 7402 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong tệp CSS, dòng này nằm trong hơn 5 quy tắc. border: 1px solid black;
    Tôi muốn bình luận dòng này như thế này: /*border: 1px solid black;*/
    Có một phím tắt để làm bình luận này cho tất cả 5 lầ

30 Bộ chọn CSS bạn phải thuộc lòng

  • Tác giả: code.tutsplus.com
  • Đánh giá: 3 ⭐ ( 4853 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Như vậy, bạn đã học được các bộ chọn cơ bản id, lớp và phần tử con – và sau đó bạn nghĩ rằng bao nhiêu đó đã đủ? Nếu vậy, bạn đang bỏ lỡ một cấp độ linh hoạt lớn hơn. Mặc dù rất nhiều các bộ chọn…

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  11 cách để căn giữa Div hoặc văn bản trong Div trong CSS - trung tâm một div css

By ads_php