Cara Membuat Gaya dengan Pengikut Kelas dan ID di Dreamweaver - pemula

Pemilih kelas dan ID dalam Dreamweaver mempunyai banyak persamaan dan satu perbezaan utama. Gaya ID hanya boleh digunakan sekali setiap halaman tetapi gaya kelas boleh digunakan seberapa banyak kali pada halaman yang sama seperti yang anda suka.

Gaya Kelas dan ID mempunyai persamaan berikut:

Anda boleh namakan gaya yang dibuat dengan pemilih kelas dan ID apa sahaja yang anda suka. Anda tidak perlu memasukkan ruang atau aksara khas dalam nama gaya, walaupun garis bawah dan sempangnya baik-baik saja. Penggunaan semua huruf kecil adalah amalan biasa tetapi tidak diperlukan.

Anda boleh memohon gaya kelas dan ID ke mana-mana elemen pada halaman, tetapi mereka paling sering digunakan pada tag header, tag div, tag senarai yang tidak disusun, tag paragraf, tag imej, dan HTML5 baru tag.

Menggunakan gaya yang dibuat dengan pemilih kelas dan ID adalah proses dua langkah. Pertama, anda membuat gaya baru menggunakan pemilih kelas atau ID dan memberikannya nama; maka anda menggunakan gaya ke elemen di halaman.

Untuk menentukan gaya kelas atau ID baru, buat dan simpan dokumen baru atau buka fail sedia ada, dan kemudian ikuti langkah berikut:

1Jika anda menentukan gaya baru yang anda mahu memohon kepada elemen yang sedia ada, klik untuk meletakkan kursor anda ke atas elemen yang anda mahu format dengan gaya baharu.

Walaupun langkah ini tidak diperlukan (anda boleh membuat gaya untuk elemen yang belum berada di halaman), Dreamweaver secara automatik mencipta nama pemilih berdasarkan unsur halaman yang sedang dipilih oleh kursor anda.

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

Jika anda mahu menargetkan gaya ke jenis media atau saiz skrin tertentu, tentukan pertanyaan media dalam panel @Media.

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

3Dalam panel Selectors, klik tanda tambah (+).

Pemilih baru ditambah ke panel Selectors. Dreamweaver telah menambah nama pemilih kompaun, yang merangkumi semua gaya yang telah digunakan untuk tajuk utama di mana kursor anda sedang berehat ketika anda mula menentukan gaya.

4Double-click nama pemilih, dan edit atau ganti dengan nama yang anda ingin gunakan untuk gaya anda.

Anda boleh menamakan gaya kelas dan ID apa sahaja yang anda suka, selagi anda tidak menggunakan mana-mana ruang atau aksara khas selain daripada tanda hubung (-) atau garis bawah (_).

Jika anda ingin mencipta gaya menggunakan pemilih kelas, anda mesti memulakan nama gaya dengan titik, atau tempoh.Jika anda ingin menggunakan pemilih ID, nama gaya mesti bermula dengan tanda paun (#).

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

Pemilih kelas dan ID mudah untuk memohon kepada kandungan selepas anda membuatnya kerana Dreamweaver menambah gaya ini ke senarai drop-down Kelas dan ID di inspektor Harta, yang terletak di bahagian bawah ruang kerja.