Isi kandungan:
- Mendefinisikan lebih daripada satu perenggan
- Kutipan Sastera Hari Ini
- Gaya perenggan yang dikenal pasti
Video: Section 8 2024
Kadang-kadang, anda mungkin mahu memilih segmen tertentu pada laman web HTML5 dan CSS3 anda. Lihatlah bagaimana anda harus merujuk kepada seseorang yang tidak menghargai kemahiran pembangunan web anda.
Mendefinisikan lebih daripada satu perenggan
Selain merit kebudayaannya, halaman ini menarik kerana ia mempunyai tiga gaya perenggan yang berlainan. Perenggan pengenalan adalah normal. Kutipan ditetapkan pada fon yang disterik huruf, dan atributnya diseragamkan dan sejajar dengan betul.
Petikan dalam kod berikut dijana oleh tapak yang hebat: penjana penghinaan Shakespeare. Tiada yang lebih memuaskan daripada memberitahu seseorang di dalam pentameter iambic.
quote. html #quote {font: bold italic 130% Garamond, Comic Sans MS, fantasy; teks-align: center;} #attribution {font: 80% monospace; teks-align: right;}Kutipan Sastera Hari Ini
Bagaimana cara memberitahu seseorang dari cara yang berkelas:
[Engkau] kulit, jeritan, tali pinggang, cincin agat, puke-stoking, lidah, beg Sepanyol!
-William Shakespeare (Henry IV Bahagian I)
Gaya perenggan yang dikenal pasti
Sehingga kini, anda telah menggunakan CSS untuk memohon gaya tertentu kepada elemen di seluruh halaman. Sebagai contoh, anda boleh menambah gaya pada tag, dan gaya itu digunakan untuk semua perenggan di halaman.
Kadang-kadang (seperti dalam halaman penghinaan Shakespeare), anda ingin memberikan satu elemen lebih daripada satu gaya. Anda boleh melakukan ini dengan menamakan setiap elemen dan menggunakan nama dalam helaian gaya CSS. Begini cara ia berfungsi:
-
Tambah atribut id untuk setiap elemen HTML yang anda mahu ubah suai.
-
Buat gaya dalam CSS.
Gunakan tanda paun diikuti dengan ID elemen dalam CSS untuk menentukan yang anda tidak bercakap tentang jenis tag lagi, tetapi elemen tertentu: Sebagai contoh, kod CSS mengandungi pemilih #attribution, maksudnya, "Gunakan ini gaya ke elemen dengan id atribusi. "
#attribution {
-
Tambahkan gaya.
Buat gaya untuk memaparkan elemen yang anda namakan. Dalam kes ini, anda mahu perenggan dengan ID atribusi sejajar dengan betul, monospace, dan sedikit lebih kecil daripada biasa. Gaya ini akan dilampirkan hanya kepada elemen tertentu.
#attribution {font: 80% monospace; text-align: right;}
Trik ID berfungsi hebat di mana-mana unsur yang dinamakan. ID mestilah unik , jadi teknik ini adalah yang terbaik apabila anda mempunyai gaya yang anda mahu memohon hanya satu elemen pada halaman tersebut. Tidak kira unsur HTML itu.Sekiranya ia mempunyai petikan ID, gaya #quote digunakan untuknya. Anda boleh mempunyai kedua-dua pemilih ID dan pemilih biasa dalam helaian gaya yang sama.