Video: 10 Most Amazing Cool Websites You Didn’t Know Existed! 2024
Di sini, Anda memodifikasi Cascading Style Sheets (CSS) di huffingtonpost. com (atau situs berita pilihan Anda) menggunakan browser Chrome. Lihatlah bagaimana CSS bekerja di alam bebas. Ikuti saja langkah-langkah berikut:
-
Menggunakan browser Chrome, navigasikan ke situs berita favorit Anda, idealnya dengan banyak berita utama.
-
Tempatkan penunjuk mouse Anda di atas tajuk utama, klik kanan, dan dari menu yang muncul pilih Checkect Elemen.
Jendela terbuka di bagian bawah browser Anda.
-
Klik tab Style di sisi kanan jendela ini untuk melihat aturan CSS yang diterapkan pada elemen HTML.
-
Ubah warna tajuk utama menggunakan CSS.
Untuk melakukan ini, pertama temukan properti warna pada elemen. bagian gaya; perhatikan kotak warna persegi di dalam properti itu yang menampilkan contoh warna saat ini. Klik pada kotak ini dan ubah nilainya dengan memilih warna baru dari menu pop-up, kemudian tekan Enter.
Judul utama Anda sekarang muncul dalam warna yang Anda pilih.
Jika elemen Bagian gaya kosong dan tidak ada properti warna yang muncul, Anda masih bisa menambahkannya secara manual. Untuk melakukannya, klik sekali di elemen. bagian gaya, dan saat kursor berkedip muncul, ketik warna: ungu. Judul berubah menjadi ungu.
Seperti HTML, Anda dapat memodifikasi CSS situs web manapun menggunakan fitur Chrome's Inspect Element, yang juga dikenal sebagai Developer Tools. Sebagian besar browser modern, termasuk Firefox, Safari, dan Opera, memiliki fitur serupa.
