Komen CSS-tutorial css-php.cn

CSS Comments

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

.cf {
  zoom: 1; /* 用于IE6和IE7 */
}

Salin selepas log masuk

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:

/***************************
****************************
这些是
页眉部分的样式
****************************
***************************/

Salin selepas log masuk

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:

// 这是一个JavaScript注释

Salin selepas log masuk

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:

.center-global {
  max-width: 1020px;
  margin: 0 auto;
}

Salin selepas log masuk

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:

.center-global {
  /* max-width: 1020px; */
  margin: 0 auto;
}

Salin selepas log masuk

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.

.center-global {
  AAAAmax-width: 1020px;
  margin: 0 auto;
}

Salin selepas log masuk

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?