Ulangan Harian - CSS

Apa itu CSS Warna dan mengapa penting dalam desain web?

• CSS Warna adalah kemampuan CSS untuk mengontrol warna pada elemen HTML. Ini penting dalam desain web karena warna dapat memengaruhi tampilan keseluruhan situs web, membantu membedakan elemen, meningkatkan daya tarik visual, dan menciptakan identitas merek yang konsisten.

• CSS Warna adalah kemampuan CSS untuk mengontrol animasi pada elemen HTML.

• CSS Warna adalah kemampuan CSS untuk mengontrol layout halaman web.

• CSS Warna adalah kemampuan CSS untuk mengontrol ukuran teks pada elemen HTML.

Bagaimana cara menentukan warna menggunakan kode hex dalam CSS?

• Gunakan properti 'font-color' dengan nilai kode hex yang diinginkan dalam CSS.

• Gunakan properti 'text-color' dengan nilai kode hex yang diinginkan dalam CSS.

• Gunakan properti 'background-color' dengan nilai kode hex yang diinginkan dalam CSS.

• Gunakan properti 'color' dengan nilai kode hex yang diinginkan dalam CSS.

Jelaskan perbedaan antara warna RGB dan warna HSL dalam CSS.

• RGB menggunakan kombinasi nilai merah, hijau, dan kuning.

• RGB hanya dapat digunakan untuk warna solid, sedangkan HSL dapat digunakan untuk gradient.

• HSL menggunakan kombinasi nilai hue, saturation, dan brightness.

• RGB menggunakan kombinasi nilai merah, hijau, dan biru, sedangkan HSL menggunakan kombinasi nilai hue, saturation, dan lightness.

Bagaimana cara menambahkan gambar sebagai latar belakang menggunakan CSS?

• background-image: src('nama_file_gambar.jpg'); background-size: contain;

• background-image: url('nama_file_gambar.png'); background-size: contain;

• background-image: url('nama_file_gambar.jpg'); background-size: cover;

• background-image: url('nama_file_gambar.jpg'); background-size: contain;

Apa itu properti background-repeat dalam CSS dan apa fungsinya?

• Background-repeat digunakan untuk mengatur apakah gambar latar belakang akan diulang atau tidak dalam elemen CSS.

• Background-repeat hanya berfungsi pada teks dalam elemen CSS.

• Background-repeat digunakan untuk mengatur ukuran gambar latar belakang dalam elemen CSS.

• Background-repeat menentukan warna latar belakang elemen CSS.

Jelaskan perbedaan antara background-size: cover dan background-size: contain.

• background-size: fill akan menampilkan gambar dengan memotong bagian yang tidak muat

• background-size: cover akan menutupi seluruh area elemen tanpa merubah aspek rasio gambar, sedangkan background-size: contain akan menampilkan seluruh gambar di dalam area elemen tanpa distorsi.

• background-size: stretch akan menampilkan gambar tanpa memperhatikan aspek rasio

• background-size: fit akan menampilkan gambar dengan memperbesar atau memperkecil gambar

Apa itu CSS Border dan bagaimana cara mengatur ketebalan border?

• Atur ketebalan border dengan menambahkan nilai 'border-thickness' pada elemen CSS.

• Gunakan properti 'border-height' untuk mengatur ketebalan border.

• Gunakan properti 'border-width' dengan nilai yang diinginkan (misalnya '2px' untuk border berketebalan 2 piksel).

• Gunakan properti 'border-size' dengan nilai yang diinginkan (misalnya '2px' untuk border berketebalan 2 piksel).

Bagaimana cara membuat border berbentuk melingkar (rounded border) dalam CSS?

• border-radius: 50%;

• border-radius: 100%;

• border-radius: 0%;

• border-radius: 25%;

Jelaskan perbedaan antara border-style: solid, dashed, dan dotted.

• border-style: double creates a double line

• border-style: dashed creates a solid line

• border-style: dotted creates a dashed line

• border-style: solid creates a solid line, border-style: dashed creates a dashed line, and border-style: dotted creates a dotted line.

Apa itu CSS Margin dan bagaimana cara mengatur margin di sekitar elemen?

• border: 2px solid black;

• padding: 10px;

• margin: 5px;

• margin: 10px;