Video: Belajar Dasar CSS #004 CSS Background Cara Modifikasi Tampilan Background Web Dengan CSS (Indonesia) 2025
Abode Creative Suite 5 (Adobe CS5) Dreamweaver menyediakan beberapa cara untuk mengubah tata letak halaman Cascading Style Sheets. Tata letak CSS dikendalikan sepenuhnya oleh aturan sheet gaya, sehingga Anda dapat mengubah tampilan dan nuansa halaman secara langsung dari panel CSS Styles dan Property inspector.
Setiap kolom, kotak, dan spasi pada halaman baru Anda diposisikan dan berukuran menggunakan aturan dan properti CSS, yang semuanya dapat Anda ubah dari inspektur properti (pada panel Gaya CSS) atau panel Definisi Aturan CSS.
-
Jika panel CSS Styles belum terbuka, pilih Window → CSS Styles untuk membukanya.
-
Pilih tab Semua untuk menampilkan style sheet dan aturannya.
Lembar gaya internal ditampilkan seperti di bagian atas. Klik panah di sebelah kiri untuk memperluasnya dan tampilkan semua aturan yang ada di dalamnya. Tata letak menggunakan lembar gaya (eksternal) terlampir menampilkan nama sheet gaya (seperti gaya. Css) dan bukan pada tag.
-
Pilih aturan badan.
Gaya berbasis tag ini mengontrol format umum keseluruhan halaman (semua yang ada dalam tag).
-
Klik bidang di samping aturan latar belakang untuk mengeditnya; daripada menyimpan pengaturan # 4E5869 (warna abu-abu sedang), ketik warna heksadesimal (seperti # CC0000 untuk merah) untuk mengubah warna latar belakang halaman.
-
Klik swatch di sebelah aturan warna untuk membuka panel Swatch; pilih warna jenis default baru untuk teks di halaman Anda.
-
Di bagian atas panel Styles CSS, pilih gaya lain (misalnya, gaya twoColElstHdr #container) untuk melihat propertinya.
. twoColHybLtHdr #container ID style mengontrol ukuran dan tampilan wadah tata letak utama pada halaman.
-
Di Property inspector, edit properti untuk mengubah tampilan gaya.
Misalnya, Anda dapat mengubah lebar aturan dengan memasukkan nomor baru di kotak teks Lebar Aturan. Jika Anda memasukkan 95% , misalnya, Anda membuat keseluruhan tata letak lebih lebar.
Setiap kolom dan bagian yang terdiri dari tata letak Anda dikendalikan oleh salah satu gaya ID yang tercantum dalam panel Gaya CSS. Sebagian besar gaya ID memiliki properti lebar yang dapat Anda gunakan untuk mengubah ukuran area yang berbeda pada halaman.
Lanjutkan untuk mengubah gaya yang berbeda yang tercantum dalam panel Gaya CSS dan lihat bagaimana pengaruhnya terhadap elemen yang berbeda pada halaman Anda. Coba ganti warna jenis, keluarga font, dan sifat lainnya, seperti padding dan background color.
Untuk mengetahui secara pasti mana ID yang mengontrol kolom atau bagian mana, klik di dalam area halaman dan lihat pemilih tag di bagian bawah jendela Dokumen.Tag terakhir di akhir rangkaian menunjukkan wadah tempat Anda berada dan ID yang sesuai di panel Gaya CSS (misalnya,).
