Rumah Media Sosial Cara Menentukan Gaya dengan Pemilih Tag dalam Dreamweaver - dummies

Cara Menentukan Gaya dengan Pemilih Tag dalam Dreamweaver - dummies

Isi kandungan:

Video: TRICK INSTAGRAM KEREN?5 TRICK INSTAGRAM STORIES KEREN 2019? 2025

Video: TRICK INSTAGRAM KEREN?5 TRICK INSTAGRAM STORIES KEREN 2019? 2025
Anonim

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.

Cara Menentukan Gaya dengan Pemilih Tag dalam Dreamweaver - dummies

Pilihan Editor

Cara Menggunakan Topsify dengan Spotify - dummies

Cara Menggunakan Topsify dengan Spotify - dummies

Topsify adalah alat yang boleh anda gunakan dengan Spotify untuk mengakses Top 40 senarai main di Amerika Syarikat, United Kingdom, dan Sweden. Ingat berbaring di atas lantai dengan perekam pita dan radio yang disetel ke Top 40 Countdown, hanya bergerak untuk menekan jeda untuk memotong ...

Bagaimana Menggunakan Tubufy dengan Spotify - dummies

Bagaimana Menggunakan Tubufy dengan Spotify - dummies

Anda boleh menggunakan Tubufy dari dalam Spotify untuk mencari dan memainkan video YouTube . Jika anda tidak tahu apa perkataan aneh ini, Tubufy, cara atau cara untuk mengucapkannya, hanya tambah e ke suku kata pertama - Tube. Seperti di YouTube. Geddit? Tubufy mengisikan dirinya sebagai "Spotify dengan video. "Sisipkan senarai main Anda Spotify Uniform Resource ...

Pilihan Editor

Dari Kotak Dialog ShapeMaker QuarkXPress - dummies

Dari Kotak Dialog ShapeMaker QuarkXPress - dummies

Dalam QuarkXPress, kotak dialog ShapeMaker menyediakan tab untuk membuat gelombang , poligon, spiral, dan segi empat tepat. Untuk melancarkan ShapeMaker, pilih Utilities → ShapeMaker. Tab di bahagian atas kotak dialog ShapeMaker membolehkan anda bertukar kepada pilihan membuat bentuk yang berbeza (gelombang, poligon, spiral, dan segi empat tepat) serta tab Praset untuk membuat dan mengurus bentuk yang telah diprogram ...

Menggunakan Pintasan Papan Kekunci Pencetak untuk Pemformatan dan Penyuntingan - makmal

Menggunakan Pintasan Papan Kekunci Pencetak untuk Pemformatan dan Penyuntingan - makmal

Berfungsi dengan cepat semasa memformat atau mengedit dokumen anda dalam Penjenayah dengan menggunakan pintasan papan kekunci dalam jadual ini. Mahu membuat beberapa teks berani tanpa menggunakan bar alat? Perlu mencari sesuatu dalam dokumen itu? Pintasan ini dapat melakukannya. Kawalan Penyuntingan Scrivener Command Mac Shortcut Windows Shortcut Bold Command key + B Ctrl + B Italic Command ...

Pilihan Editor

Bagaimana Menghilangkan Mata Merah di Photoshop CS6 - dummies

Bagaimana Menghilangkan Mata Merah di Photoshop CS6 - dummies

Photoshop CS6 menawarkan penyelesaian kepada menyingkirkan mata merah yang ditakuti. Merah-mata berlaku apabila subjek gambar kelihatan terus ke dalam kilat, dan hasil yang malangnya adalah pendarahan kemerahan kemerahan di mata yang berkata, "Saya mungkin sangat baik sebagai anak iblis. "Banyak kamera mempunyai mod pencegahan mata merah, ...

Bagaimana untuk mendapatkan warna yang konsisten di Photoshop, Illustrator, dan InDesign CS6 - dummies

Bagaimana untuk mendapatkan warna yang konsisten di Photoshop, Illustrator, dan InDesign CS6 - dummies

Dengan kedatangan Adobe Bridge, mendapatkan warna yang konsisten di Photoshop, Illustrator, InDesign, dan di semua aplikasi Creative Suite anda hanyalah klik butang. Ikuti langkah-langkah berikut: Cuma lancarkan Jambatan dan pilih Edit → Tetapan Warna Suite Kreatif. Dalam kotak dialog Seting Warna Suite, anda boleh memberitahu sama ada tetapan warna merentasi ...

Bagaimana Format Perenggan di Photoshop CS6 - dummies

Bagaimana Format Perenggan di Photoshop CS6 - dummies

Anda boleh menggunakan panel Paragraph di Photoshop CS6 untuk memformat mana-mana atau semua perenggan dalam lapisan jenis. Pilih Window → Perenggan atau Jenis → Panel → Panel Perenggan. Cukup pilih perenggan atau perenggan yang anda ingin format dengan mengklik perenggan individu dengan alat Ketik. Anda boleh menyeret pilihan untuk memilih berbilang perenggan, atau dalam ...