Cara Menentukan Gaya dengan Pemilih Tag dalam Dreamweaver - dummies

Anda boleh membuat gaya yang benar-benar baru dalam Dreamweaver menggunakan pemilih atau ID pemilih, tetapi anda juga boleh membuat gaya yang mengubah pemformatan HTML sedia ada tag. Gaya ini dicipta menggunakan pemilih tag , yang juga dikenali sebagai pemilih elemen . Apabila anda menentukan gaya menggunakan pemilih tag, anda boleh mengubah penampilan, kedudukan, dan ciri-ciri lain dari sebarang tag HTML sedia ada.

Banyak tag HTML sudah termasuk pilihan pemformatan. Sebagai contoh, tag tajuk termasuk memformat ke teks gaya menggunakan font tebal yang besar. Apabila anda membuat gaya dengan pemilih tag, anda perlu mempertimbangkan pilihan pemformatan yang telah dikaitkan dengan teg itu. Sebarang pilihan yang anda tentukan akan ditambah kepada pemformatan yang ada atau mengatasi pemformatan.

Anda mungkin bertanya, "Mengapa saya perlu mentakrifkan tag

daripada mencipta gaya tajuk baru menggunakan pemilih kelas atau ID? "Walaupun anda boleh menentukan gaya kelas baru dan bukannya mentakrifkan tag HTML, kadang-kadang menggunakan tag HTML yang ada lebih baik.

Gaya tajuk sangat penting di web kerana teks diformat dalam tag

diakui sebagai teks yang paling penting pada halaman. Antara lain, teks yang diformat dalam tag

boleh mendapat pertimbangan khusus dari enjin carian.

Untuk mencipta gaya yang mentafsir semula tag HTML (seperti tag

) dengan pemilih teg, mula-mula buat fail atau buka yang sedia ada dan kemudian ikuti langkah-langkah berikut:

1Dalam panel Selectors panel Designer CSS, pilih helaian gaya yang ingin anda tambahkan gaya baru.

Apabila anda membuat gaya untuk tag HTML yang sedia ada, anda tidak perlu menggunakan gaya itu sendiri seperti yang anda lakukan dengan gaya kelas dan ID. Di mana sahaja anda menggunakan tag HTML, tetapan definisi gaya digunakan.

2Jika anda ingin menyasarkan gaya ke jenis media atau saiz skrin tertentu, pilih atau tentukan pertanyaan media dalam panel @Media.

Menggunakan pertanyaan media dengan gaya adalah pilihan. Jika anda tidak menentukan pertanyaan media, Dreamweaver akan menggunakan sifat Global dan gaya anda akan berfungsi dalam semua format media dan saiz skrin.

3Klik tanda tambah (+) dalam panel Selectors.

Pemilih baru ditambah ke panel Selectors.

Apabila anda mengklik tanda tambah (+) untuk membuat pemilih baru, beberapa perkara boleh berlaku, bergantung pada apa yang telah di buka pada halaman Dreamweaver. Buat kali pertama anda membuat gaya dalam laman web kosong, Dreamweaver memasuki badan dalam panel Selectors.

Jika anda menggunakan halaman dengan teks atau kandungan lain yang diformat dengan tag HTML atau gaya, Dreamweaver boleh menambah pemilih gabungan berdasarkan unsur-unsur yang mengelilingi apa sahaja yang telah anda pilih dengan kursor anda.

4Dalam panel Selectors, klik dua kali nama pemilih. Mula masukkan nama tag HTML, dan kemudian pilih teg dari senarai lungsur yang muncul.

Anda boleh memasukkan nama sebarang tag HTML untuk membuat gaya menggunakan pemilih tag. Semasa anda menaipkan tag HTML, senarai juntai muncul dengan tag yang bermula dengan huruf yang sama yang anda taipkan. Memilih tag yang diingini dari senarai dan bukannya menaip keseluruhan nama tag itu adalah amalan yang baik kerana anda mengelakkan kesilapan tipo.

5Dalam panel Properties, tentukan tetapan yang anda mahu dalam peraturan gaya anda.

Font dan warna segera digunakan pada teks dalam halaman yang diformat dengan tag

.

Jika anda mahu menggunakan tag HTML yang sama dengan pemformatan yang berbeza di bahagian yang berlainan dari halaman yang sama, anda boleh membuat gaya kompaun. Gaya kompaun berguna, sebagai contoh, jika anda mahu teks diformat dengan tag

untuk melihat yang berbeza di bahagian utama halaman anda daripada yang terdapat dalam bar sisi.