Isi
Membuat perubahan pada deklarasi CSS ("Cascading Style Sheet") yang diterapkan pada elemen HTML bisa tampak seperti tugas yang kompleks. Namun, selama pendekatan sistematis, adalah mungkin untuk membuat perubahan yang diperlukan tanpa komplikasi. Satu halaman web dapat menggunakan properti style dari berbagai sumber. Dengan cara ini, tugas awal Anda adalah mencari tahu dari mana deklarasi untuk "div" Anda berasal. Setelah ditemukan, Anda dapat mencegah mereka memiliki efek pada elemen dengan mengubah kode HTML atau CSS.
Instruksi
-
Cari tahu di mana CSS halaman Web disimpan. Kode CSS mungkin muncul inline, yang berarti bahwa deklarasi gaya terdaftar sebagai bagian dari menandai elemen seperti dalam sintaksis contoh berikut: Konten
Jika kode ini muncul dalam "div" Anda, Anda dapat menghapus seluruh atribut "style" dengan nilainya. Kode CSS dapat muncul di dalam bagian "head" dari halaman sebagai berikut: body {background-color: # 000000;}
Kode CSS juga dapat muncul dalam satu atau lebih file CSS terpisah dengan tautan di bagian "head" halaman sebagai berikut:
-
Jika halaman Anda memiliki kode CSS di bagian "head" atau di file yang terpisah, Anda harus mencari melalui semua kode CSS untuk mengubah gaya elemen "div" Anda.
-
Periksa kode CSS yang merujuk pada elemen "div". CSS dapat diterapkan ke tipe elemen, seperti berikut ini: div {padding: 5px; }
Jika CSS di "kepala" halaman Anda atau file terpisah memiliki "div" pengidentifikasi yang digunakan dengan cara ini, kode di dalam blok CSS akan memengaruhi elemennya. Untuk mengubah efek pada "div" Anda, tetapi biarkan kode diterapkan ke elemen "div" lain di situs, Anda dapat mengubah "div" ke jenis elemen yang berbeda. Sebagai alternatif, Anda dapat mengubah kode CSS untuk diterapkan hanya pada elemen "div" dengan atribut kelas tertentu, menambahkan atribut ini ke elemen "div" yang Anda inginkan agar CSS diterapkan.
-
Periksa kode CSS yang merujuk ke kelas elemen Anda. Elemen HTML memiliki atribut kelas sebagai berikut: Konten teratas
Jika "div" Anda memiliki atribut kelas, lihat nilai atribut dalam kode CSS Anda. Itu mungkin muncul dalam atributnya sendiri, sebagai berikut: .top {/Deklarasi CSS/ }
Atau, itu dapat muncul bersama dengan tipe elemen sebagai berikut: div.top {/Deklarasi CSS/ }
Jika salah satu dari mereka muncul, Anda dapat mencegah deklarasi menerapkan ke elemen Anda dengan mengubah atau menghapus atribut kelasnya. Menghapus kode CSS dapat memengaruhi elemen lain dengan kelas, bukan hanya elemen yang sedang dikerjakan.
-
Periksa kode CSS untuk ID elemen Anda. Elemen Anda mungkin memiliki atribut ID unik, sebagai berikut: Konten teratas
Jika elemen Anda memiliki atribut ID, cari di dalam CSS, cari sintaks berikut:
menuju
/Deklarasi CSS/ }
Dalam setiap halaman, nilai atribut ID hanya akan muncul sekali, karena ID harus unik. Mengubah nilai atribut ID harus mencegah kode CSS dari mempengaruhi elemen "div". Anda masih dapat mengubah atau menghapus kode CSS secara opsional, tetapi ini dapat memengaruhi elemen-elemen dengan ID yang sama di halaman lain di situs Anda jika mereka menggunakan kode CSS yang sama.
-
Cari kode CSS yang memengaruhi elemen induk atau anak dari "div" Anda. Kode CSS untuk elemen induk akan memiliki reaksi pada "div" Anda, jadi Anda mungkin perlu membuat perubahan pada kode ini, meskipun mereka dapat mempengaruhi bagian situs Anda yang lain. Elemen-elemen dalam "div" Anda mungkin juga telah mengadaptasi kode CSS. Periksa menggunakan metode yang sama yang digunakan untuk "div" itu sendiri, bekerja dengan masing-masing elemen anak sekaligus.
Bagaimana
- Alat peramban, seperti Firebug, dapat berguna saat mengubah kode HTML dan CSS.
Perhatikan
- Perubahan ke situs yang ada mungkin memiliki konsekuensi yang tidak terduga. Karena alasan ini, disarankan untuk menyimpan salinan semua file yang Anda rencanakan untuk diubah.
