Cara Mengedit Gaya di Dreamweaver - dummies

Anda dapat mengubah atribut dari gaya apa pun di Dreamweaver setelah Anda membuatnya dengan mengedit definisi gayanya. Di sinilah beberapa keuntungan terbesar Cascading Style Sheets ikut bermain. Anda dapat membuat perubahan global pada halaman (atau bahkan ke keseluruhan situs web) dengan mengubah gaya; Saat Anda mengedit gayanya, perubahan itu diterapkan secara otomatis ke setiap elemen yang menggunakan gaya.

Salah satu alasan mengapa lembaran gaya eksternal sangat berharga adalah Anda bisa menciptakan gaya yang digunakan pada semua halaman atau di sebuah situs. Hati-hati, bagaimanapun, bahwa kemampuan ini juga bisa menimbulkan masalah. Jika Anda memutuskan untuk mengedit gaya saat menggunakannya di halaman baru, jangan lupa bahwa Anda akan mengubah format di tempat lain yang telah Anda gunakan dengan gaya itu.

Anda dapat membuat gaya baru dengan menduplikat gaya yang ada, memberinya nama baru, dan kemudian mengubah definisi gaya. Trik menghemat waktu ini berguna bila Anda ingin membuat gaya baru yang mirip dengan yang sudah ada.

Untuk mengedit gaya yang ada (apakah itu dibuat menggunakan pemilih kelas, tag, atau ID), ikuti langkah-langkah ini:

1. Buka panel Perancang CSS dengan memilih Window → Styles CSS.

2. Pada panel Perancang CSS CSS, pilih nama gaya yang ada.

   Aturan gaya ditampilkan di panel Properties.

   Jika Anda ingin mengedit gaya yang telah digunakan untuk memformat teks, gambar, atau konten lainnya di halaman yang terbuka di Dreamweaver, pilih kontennya. Nama gaya yang diterapkan pada konten itu akan ditampilkan di panel Selectors, sehingga mudah ditemukan dan diedit.

3. Edit pengaturan untuk gaya sesuai dengan keinginan anda.

   • Jika Anda mengedit sebuah gaya di kotak dialog Definisi Rule CSS, perubahan diterapkan secara otomatis saat Anda mengklik tombol Apply atau saat Anda mengklik OK.

   • Jika Anda mengedit definisi gaya di panel Properties, perubahan diterapkan secara otomatis segera setelah Anda menekan tombol Return atau Enter atau klik di luar bidang pemformatan di panel.