Nama : Navyta Budi Yulia (312410184)

Kelas : TI.24.A2

Lab2web

Pernyataan dan Tugas

1. Lakukan eksperimen dengan mengubah dan menambah properti dna nilai pada kode CSS dengan mengacu pada CSS Cheat Sheet yang diberikan pada file terpisah dari modul ini.

   Jawab :

2. Apa perbedaan pendeklarasian CSS elemen h1 {..} dengan (pagar) intro h1 {...}? berikan penjelasannya!

   Jawab :

• h1 {...} : type selector, memengaruhi semua elemen h1 di dokumen.

• (pagar) intro h1 {...} : descendant selector, hanya h1 yang berada di dalam elemen id="intro" yang terpengaruh.

3. Apabila ada deklarasi CSS secara internal, lalu ditambahkan CSS eksternal dan inline CSS pada elemen yang sama. Deklarasi manakah yang akan ditampilkan pada browser? Berikan penjelasan dan contohnya!

   Jawab : inline CSS memiliki prioritas paling tinggi karena ditulis langsng pada elemen, sehingga nilainya akan mengalahkan nilai yang sama dari internal maupun eksternal.Setelah inline, internal CSS, berikutnya eksternal CSS karena memiliki prioritas paling rendah.

   Contoh :

4. Pada sebuah elemen HTML, terdapat ID dan Class, apabila masing - masing selector tersebut terdapat deklarasi CSS, maka deklarasi manakah yang akan ditampilkan pada browser? Berikan penjelasan dan contohnya!

   Jawab : ID selector lebih spesifik daripada class selector. Jika keduanya mengatur properti yang sama, style dari ID selector yang dipakai browser. Jika keduanya mengatur properti yang berbeda, keduanya akan digabung.Aturan ini bisa berubah jika salah satu menggunakan !important. contoh :

   HTML:

   <p id="paragraf1" class="teksbesar">Ini contoh paragraf</p>
   
   css:
   .teksbesar {
     color: blue;
     font-size: 20px;
   }
   
   #paragraf1 {
     color: red;
   }
   

LAPORAN PRAKTIKUM