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 Mengurus Masks Vektor dalam Photoshop CS6 - maya

Cara Mengurus Masks Vektor dalam Photoshop CS6 - maya

Topeng vektor membolehkan anda membuat bentuk yang bermata halus dalam Adobe Photoshop CS6. Berikut adalah petua topeng vektor. Anda boleh melakukan tugas-tugas berikut: Edit path mask vektor. Gunakan alat pen dan Alat Pemilihan Langsung. Tambah pelbagai bentuk atau laluan ke topeng vektor yang ada. Apa yang anda perlu lakukan ialah ...

Cara Manipulate Bentuk di Adobe Photoshop CS6 - dummies

Cara Manipulate Bentuk di Adobe Photoshop CS6 - dummies

Adobe Photoshop Creative Suite 6 mempunyai beberapa alat yang anda boleh digunakan untuk memanipulasi bentuk yang telah anda buat. Dengan menggunakan pelbagai alat yang ditawarkan di Photoshop, anda dapat dengan cepat mencapai matlamat projek anda. Berikut ialah senarai cepat banyak perkara yang boleh anda lakukan: Pindah: Pilih alat Pindah (tekan V) untuk memindahkan bentuk ...

Bagaimana Menggabungkan Saluran di Photoshop CS6 - dummies

Bagaimana Menggabungkan Saluran di Photoshop CS6 - dummies

Anda boleh menggabungkan saluran menjadi satu imej dalam Photoshop CS6. Saluran mesti dibuka sebagai imej yang berasingan, dalam mod skala kelabu, dan mempunyai dimensi piksel yang sama. Anda boleh menggabungkan saluran hanya apabila imej mereka diratakan dan tidak mempunyai lapisan. Menggabungkan saluran warna boleh menghasilkan beberapa kesan khas yang unik. Contohnya, dengan tidak sepadan dengan ...

Pilihan Editor

Cara Membuat Yammer Group - dummies

Cara Membuat Yammer Group - dummies

Yammer adalah alat yang hebat untuk berkolaborasi di tempat kerja. Itu bererti orang berkumpul dan membuang idea, membuat keputusan, atau bekerjasama. Tidak ada cara yang lebih baik untuk melakukannya daripada membuat kumpulan. Yammer menjadikannya mudah.

Cara Membuat Profil Yammer - dummies

Cara Membuat Profil Yammer - dummies

Yammer memudahkan untuk terus berhubung dengan rakan dan rakan sekerja anda. Apa yang anda perlukan adalah profil, dan anda akan dalam perjalanan untuk berkolaborasi untuk semua keperluan perniagaan anda. Hanya ikuti langkah-langkah berikut:

Cara Berkesan Gunakan SlideShare - dummies

Cara Berkesan Gunakan SlideShare - dummies

Ambil perhatian penonton anda dari awal menggunakan SlideShare. SlideShare, dan Internet pada umumnya, bersaing untuk penonton setiap saat. Mencari sesuatu yang lain untuk dilihat atau dibaca hanya satu klik sahaja. Oleh itu, gunakan warna-warna dan imej yang menarik dan kuat. Berikut adalah contoh hebat: Sumber: slideshare. bersih Selain itu, simpan mesej anda dengan mudah, jelas, ...

Pilihan Editor

Projek 2016 AutoFilter Feature - dummies

Projek 2016 AutoFilter Feature - dummies

Projek 2016 AutoFilter feature dihidupkan secara lalai untuk semua fail jadual baru. Anak panah muncul dalam tajuk lajur dalam helaian yang dipaparkan. Apabila anda mengklik anak panah di ruangan Nama Sumber, sebagai contoh, nama setiap sumber yang diberikan kepada tugas dalam projek itu disenaraikan dalam susunan abjad, bersama-sama dengan ...

Bagaimana Kalendar Projek 2016 Berkaitan dengan Satu-satunya - dummies

Bagaimana Kalendar Projek 2016 Berkaitan dengan Satu-satunya - dummies

Semua kalendar dalam projek Projek 2016 dikawal, secara lalai, dengan tetapan kalendar projek. Berikut adalah bahagian rumit, walaupun: Apabila anda menukar kalendar tugas atau kalendar sumber (dikenali sebagai pengecualian), anda harus memahami penetapan yang diperlukan terlebih dahulu. Inilah caranya konsep keutamaan berfungsi: Dengan tiada tetapan lain, asas ...