Komen CSS

Semua bahasa pengaturcaraan membenarkan komen dan petua lain untuk membantu memahami makna kod. Tidak semua kod CSS adalah jelas seperti

, jadi beberapa coretan boleh mendapat manfaat daripada menambah komen atau arahan lain di dekatnya. Berikut adalah contoh: font-size: 20px

<code class="language-css">.cf {
  zoom: 1; /* 用于IE6和IE7 */
}</code>

Komen dalam baris kod ini adalah bahagian "untuk IE6 dan IE7" yang mempunyai backslash terkemuka diikuti oleh asterisk, dan asterisk dan backslash pada akhirnya mengenalinya. Kami boleh menambah banyak komen sedemikian ke lembaran gaya, dan menggunakan komen CSS untuk membantu mengenal pasti bahagian -bahagian lembaran gaya yang mungkin sukar dilihat sekilas adalah amalan yang baik. Dengan membuat helaian gaya lebih mudah dibaca dengan anotasi CSS, CSS akan lebih mudah untuk dikekalkan pada masa akan datang. Komen CSS boleh merangkumi pelbagai baris jika diperlukan. Segala -galanya antara watak -watak komen awal dan akhir akan diabaikan oleh penyemak imbas, dan watak -watak komen itu sendiri akan diabaikan. Oleh itu, anda sering melihat perkara berikut dalam fail CSS anda:

<code class="language-css">/***************************
****************************
这些是
页眉部分的样式
****************************
***************************/</code>

Perhatikan bahawa dalam contoh ini, saya bukan sahaja memasukkan aksara Asterisk Start and End, tetapi juga menambah beberapa watak asterisk tambahan yang merangkumi pelbagai baris. Ini menjadikannya mudah untuk mencari komen apabila menatal melalui fail CSS. Menambah tajuk seksyen tersebut dalam CSS membantu menyusunnya ke dalam blok kod berkaitan yang mudah dibaca. Malangnya, CSS tidak mempunyai cara mudah untuk memberikan komen satu baris yang sah yang hanya menggunakan kombinasi watak komen permulaan. Sebagai contoh, dalam JavaScript, anda boleh mengulas garis kod seperti ini:

<code class="language-javascript">// 这是一个JavaScript注释</code>

Ini berguna dalam JavaScript kerana ia dapat dengan mudah membatalkan keseluruhan baris kod atau menambah komen berguna dengan hanya dua aksara (backslash). Tetapi dalam CSS, kedua -dua aksara permulaan dan akhir mesti digunakan untuk menentukan sempadan mana -mana komen. Walau bagaimanapun, untuk perbaikan sementara yang cepat, anotasi pseudo-CSS boleh dibuat dengan menggunakan prinsip ralat CSS yang dibincangkan di bahagian sebelumnya. Katakan kami mempunyai CSS berikut:

<code class="language-css">.center-global {
  max-width: 1020px;
  margin: 0 auto;
}</code>

dan anggap kita mahu memadamkan baris pertama (

deklarasi) buat sementara waktu. Kita boleh melakukan ini: max-width

Ini berfungsi dengan baik, tetapi cara yang lebih cepat adalah dengan hanya meletakkan beberapa watak rawak pada permulaan garis, seperti SO:

<code class="language-css">.center-global {
  /* max-width: 1020px; */
  margin: 0 auto;
}</code>

Ia pantas dan cekap, tetapi tidak pernah menyimpan CSS sedemikian di laman web acara. Ia bukan CSS yang sah dan hanya boleh digunakan untuk debugging pesat dalam pembangunan.

<code class="language-css">.center-global {
  AAAAmax-width: 1020px;
  margin: 0 auto;
}</code>

Soalan Lazim Mengenai Komen CSS (FAQ)

Apakah tujuan menggunakan anotasi CSS?

Anotasi dalam CSS digunakan untuk pelbagai sebab. Mereka boleh digunakan untuk menerangkan tujuan segmen kod tertentu, menjadikannya lebih mudah bagi orang lain (atau kemudiannya sendiri) untuk memahami peranan kod tersebut. Komen juga boleh digunakan untuk mematikan coretan kod sementara semasa debugging tanpa mengeluarkannya. Ini amat berguna apabila menguji gaya atau susun atur yang berbeza.

Bagaimana menulis komen di CSS?

Dalam CSS, komen ditulis dengan melampirkan teks antara /* dan */. Sebagai contoh, . Segala -galanya di antara simbol -simbol ini akan diabaikan oleh penyemak imbas, yang membolehkan anda menulis komen atau buat sementara waktu. /*这是一个注释*/

Bolehkah saya menggunakan komen CSS untuk melumpuhkan coretan kod?

Ya, anda boleh menggunakan komen CSS untuk mematikan coretan sementara. Ini berguna apabila anda debug atau menguji gaya yang berbeza. Untuk melakukan ini, cuma masukkan segmen kod yang anda mahu melumpuhkan antara

dan /*. Sebagai contoh, . Penyemak imbas akan mengabaikan segala -galanya di antara simbol -simbol ini. */ /* p { color: red; } */ Adakah terdapat pelbagai jenis komen dalam CSS?

Tidak, hanya ada satu jenis komen dalam CSS, yang ditulis dengan melampirkan teks antara

dan

. Walau bagaimanapun, anda boleh menggunakan komen dengan cara yang berbeza, seperti kod menafsirkan, melumpuhkan kod, atau memisahkan segmen kod. /* */ Bolehkah saya menggunakan komen CSS untuk memisahkan segmen kod?

Ya, anda boleh menggunakan anotasi CSS untuk memisahkan dan mengatur coretan kod. Ini boleh menjadikan kod anda lebih mudah dibaca dan difahami. Sebagai contoh, anda boleh menggunakan komen untuk menandakan bahagian -bahagian yang berlainan dari lembaran gaya, seperti

,

, dan /* 页眉样式 */. /* 主要内容样式 */ /* 页脚样式 */ Bolehkah komen dalam CSS merangkumi pelbagai baris?

Ya, komen dalam CSS boleh merangkumi pelbagai baris. Segala -galanya di antara

dan

akan diabaikan oleh penyemak imbas, tidak kira berapa banyak barisnya. Ini berguna apabila anda perlu menulis penjelasan yang lebih panjang atau melumpuhkan coretan yang lebih besar. /* */ Bolehkah saya mengulas komen di CSS?

Tidak, anda tidak boleh bersarang di CSS. Sekiranya anda cuba mengulas, penyemak imbas menafsirkan akhir komen pertama sebagai akhir keseluruhan komen, yang boleh membawa kepada hasil yang tidak dijangka. Jika anda perlu menulis komen dalam satu komen, anda harus mengakhiri komen pertama, tulis komen kedua, dan kemudian mulakan komen baru.

Adakah komen dalam CSS mempengaruhi prestasi laman web?

Tidak, komen dalam CSS tidak akan menjejaskan prestasi Laman Web. Penyemak imbas hanya mengabaikan segala -galanya antara

dan

, jadi ia tidak menjejaskan bagaimana CSS diproses atau bagaimana laman web diberikan. /* */ Bolehkah saya menggunakan anotasi CSS untuk membuat senarai tugasan?

Ya, anda boleh menggunakan anotasi CSS untuk membuat senarai tugasan. Ini boleh menjadi cara yang berguna untuk mengesan perubahan yang perlu anda buat atau ciri yang anda ingin tambah. Sebagai contoh, anda boleh menulis komen seperti

.

/* TODO：为新窗口小部件添加样式 */ Bolehkah pelawat laman web melihat komen di CSS?

Tidak, pelawat laman web tidak dapat melihat komen di CSS. Mereka hanya dapat dilihat dalam kod sumber dan boleh dilihat dengan mengklik kanan di laman web dan memilih "Lihat Kod Sumber Halaman" atau "Semak". Walau bagaimanapun, perlu diperhatikan bahawa sesiapa yang melihat kod sumber akan dapat melihat komen, jadi anda harus mengelakkan termasuk maklumat sensitif dalam komen.

Atas ialah kandungan terperinci Komen CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!