Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024
Di sini, anda mengubah suai Lembaran Gaya Cascading (CSS) pada huffingtonpost. com (atau laman web berita pilihan anda) menggunakan penyemak imbas Chrome. Lihatlah bagaimana CSS berfungsi di alam liar. Ikuti langkah-langkah berikut:
-
Menggunakan penyemak imbas Chrome, navigasi ke laman web berita kegemaran anda, yang ideal dengan banyak tajuk utama.
-
Letakkan penunjuk tetikus anda di atas tajuk utama, klik kanan, dan dari menu yang muncul pilih Periksa Elemen.
Tetingkap terbuka di bahagian bawah penyemak imbas anda.
-
Klik tab Gaya di sebelah kanan tetingkap ini untuk melihat peraturan CSS yang digunakan untuk elemen HTML.
-
Tukar warna tajuk menggunakan CSS.
Untuk melakukan ini, mula-mula temukan sifat warna dalam elemen. bahagian gaya; ambil perhatian kotak warna persegi dalam harta itu yang memaparkan sampel warna semasa. Klik pada kotak ini dan tukar nilai dengan memilih warna baru dari menu pop timbul, dan kemudian tekan Enter.
Tajuk anda sekarang muncul dalam warna yang anda pilih.
Jika elemen itu. seksyen gaya kosong dan tiada sifat warna muncul, anda masih boleh menambahnya secara manual. Untuk berbuat demikian, klik sekali dalam elemen. seksyen gaya, dan apabila kursor berkedip muncul, taip warna: ungu. Tajuknya berubah menjadi ungu.
Seperti dengan HTML, anda boleh mengubah CSS laman web mana-mana menggunakan ciri Elemen Periksa Chrome, juga dikenali sebagai Alat Pembangun. Kebanyakan pelayar moden, termasuk Firefox, Safari, dan Opera, mempunyai ciri yang sama.