Cara Memohon Gaya Kelas Tersuai dalam Lembaran Gaya Cascading (CSS)

Gaya kelas, yang kadang-kadang dipanggil gaya kelas tersuai , gaya tersuai, kelas tersuai , dalam Cascading Style Sheets (CSS) adalah untuk masa-masa apabila anda ingin mencipta gaya khas dan kemudian terpilih menerapkannya kepada nombor atau objek yang tidak terhad pada halaman web. Sebagai contoh, dalam kalimat "Surat berita Tawaran Harian kami membawa anda jualan, promosi, dan tawaran istimewa di kedai paling popular dalam satu e-mel harian yang mudah dibaca," anda boleh membuat gaya kelas tersuai untuk mengubah suai perkataan

Tawaran Harian dan kemudian gunakan gaya itu dengan perkataan tersebut dalam HTML.

Semasa menulis gaya kelas dalam fail CSS, pastikan anda memasukkan tempoh (.) Secara langsung sebelum nama pemilih, seperti yang ditunjukkan di sini:

. dailydeals

{font-family: Georgia, "Times New Roman", Times, serif; saiz fon: 23px; font-weight: bold; warna: # 336699;} Kehadiran tempoh itu melaksanakan dua fungsi:

Ini membantu anda dengan cepat mengenal pasti, sekilas, gaya kelas dari jenis gaya lain ketika mengkaji kod CSS anda.

• Mungkin yang lebih penting, ia memberitahu pelayar bahawa gaya itu adalah kelas tersuai yang akan terpilih secara terpilih kepada kandungan pada halaman.

• Apabila anda membuat gaya kelas, anda boleh menamakan pemilih apa sahaja yang anda suka, selagi bukan nama tag HTML yang digunakan saat ini.

Sebagai contoh, ia adalah idea yang benar-benar buruk untuk mencipta gaya kelas yang dipanggil. badan atau. p. Oleh itu, selaras dengan konsep HTML semantik, cuba namakan gaya kelas anda selepas fungsi yang akan mereka lakukan, seperti. sorot atau. imageborder.

Apabila anda selesai menulis peraturan gaya dalam CSS untuk gaya kelas anda, anda boleh menggunakan gaya untuk objek apa saja dalam dokumen HTML dengan menambahkan atribut kelas kepada tag pembuka objek atau kandungan yang digayakan:

kelas = "dailydeals" >> Surat berita Tawaran Harian kami membawa anda jualan, promosi, dan tawaran istimewa di kedai paling popular dalam satu e-mel harian yang mudah dibaca.

Apabila menyatakan gaya kelas dalam kod HTML dengan atribut kelas, tempoh yang diperlukan dalam CSS ketika membuat definisi gaya tidak perlu diletakkan di depan nama gaya di antara tanda petikan, seperti ditunjukkan dalam kod sebelumnya. Jika anda lebih suka gaya kelas hanya digunakan untuk satu atau dua perkataan atau frasa pendek dan bukannya semua elemen dalam tag kontena, anda boleh secara selektif menggunakan gaya kelas ke objek anda menggunakan tag dengan atribut kelas:

Kami

"

dailydeals  " Daily Deals newsletter membawa anda jualan, promosi, dan tawaran istimewa di kedai paling popular dalam satu e-mel harian yang mudah dibaca. Tag adalah tag sebaris yang digunakan untuk memohon gaya ke elemen dalam aliran teks dokumen. Teg ini pada dasarnya adalah tag bekas kosong HTML yang tidak berfungsi sehingga anda memberitahunya untuk melakukan sesuatu dengan menggunakan atribut kepadanya, seperti menambahkan kelas, id atau atribut gaya ke kandungan gaya. Ilustrasi menunjukkan perbezaan antara menambahkan atribut kelas kepada tag

(atas) berbanding menambahkannya pada teg yang mengelilingi kandungan tertentu (bawah).