NEW
Font size
WorksheetsPENILAIAN CSS DASAR
Total questions: 30
Worksheet time: 15mins
Apa kepanjangan dari CSS?
Cascading Style Sheets
Creative Style Scripts
Computer Style System
Cascading Script Sheets
Apa fungsi utama dari CSS?
Membuat struktur website
Menambahkan logika pada website
Mengatur tampilan halaman web
Menghubungkan database dengan website
Metode manakah yang digunakan untuk menambahkan gaya langsung pada elemen HTML?
Internal CSS
External CSS
Inline CSS
Embedded CSS
Di mana Internal CSS ditulis dalam dokumen HTML?
Dalam tag <style> di bagian <body>
Dalam atribut style di elemen HTML
Dalam file terpisah dengan ekstensi .css
Dalam tag <style> di bagian <head>
Bagaimana cara menghubungkan file CSS eksternal ke dokumen HTML?
Menggunakan tag <style>
Menggunakan tag <script>
Menggunakan tag <link>
Menggunakan atribut style
Selector manakah yang digunakan untuk memilih elemen berdasarkan nama tag HTML?
Selector ID
Selector Elemen
Selector Kelas
Selector Atribut
Bagaimana cara menulis selector untuk memilih elemen berdasarkan kelas?
#namakelas
.namakelas
namakelas
[namakelas]
Properti CSS apa yang digunakan untuk mengatur warna teks?
color
background-color
font-size
text-align
Apa itu komentar dalam CSS?
Kode yang memengaruhi tampilan elemen
Catatan dalam kode yang tidak diproses oleh browser
Gaya khusus untuk elemen tertentu
Error pada kode CSS
Bagaimana menulis komentar di CSS?
// Komentar
/* Komentar */
<!-- Komentar -->
# Komentar
Properti CSS apa yang digunakan untuk mengatur warna latar belakang elemen?
background-color
color
border-color
font-color
Properti apa yang digunakan untuk mengatur jenis font?
font-family
font-style
font-weight
font-size
Properti CSS apa yang digunakan untuk mengatur perataan teks?
font-align
text-align
align-text
text-style
Bagaimana cara memilih elemen berdasarkan ID unik?
#id
.id
id
[id]
Apa kegunaan properti margin dalam CSS?
Mengatur jarak di dalam elemen
Mengatur jarak di luar elemen
Mengatur warna elemen
Mengatur ukuran elemen
Properti apa yang digunakan untuk mengatur ketebalan teks?
font-family
font-weight
font-style
text-bold
Apa yang dimaksud dengan efek hover dalam CSS?
Efek saat tombol diklik
Efek saat kursor berada di atas elemen tanpa mengkliknya
Efek animasi bergerak pada elemen
Efek perubahan warna pada elemen secara otomatis
Hover biasanya digunakan untuk meningkatkan interaksi pada elemen...
Gambar
Tombol
Teks
Semua Benar
Properti CSS apa yang digunakan untuk mengubah warna elemen saat hover?
border-color
background-color
font-size
text-align
Apa yang terjadi pada tombol dalam contoh hover warna merah?
Tombol bergeser ke kiri
Tombol menjadi warna merah lebih gelap.
Tombol mendapatkan bayangan.
Tombol bergeser ke kanan.
Efek hover dapat diterapkan pada elemen HTML berikut, kecuali...
<button>
<h1>
<img>
<script>
Properti CSS apa yang digunakan untuk membuat efek animasi hover?
animation
hover
display
margin
Apa tujuan utama dari menggunakan efek hover?
Membuat elemen lebih menarik secara visual.
Menambahkan animasi ke seluruh halaman.
Membuat elemen tidak terlihat.
Mengurangi waktu pemuatan halaman.
Apa hasil dari skrip hover animasi?
Tombol berubah warna menjadi hitam.
Cahaya putih bergerak melintasi tombol.
Teks berubah menjadi lebih besar.
Tombol menjadi transparan.
Apa yang terjadi jika hover diterapkan pada elemen dengan properti opacity: 0; ?
Efek hover tetap terlihat.
Efek hover tidak akan berfungsi.
Elemen berubah menjadi tidak responsif.
Elemen tetap tidak terlihat tetapi hover berfungsi.
Hover lebih efektif digunakan pada elemen yang...
Tidak terlihat di halaman.
Sering digunakan untuk interaksi pengguna.
Tidak memiliki gaya apapun.
Tidak mendukung properti CSS.
Properti CSS apa yang digunakan untuk mengubah ukuran elemen saat hover?
font-weight
font-size
transform: scale();
box-shadow
Bagaimana cara hover diterapkan pada elemen menggunakan CSS?
element:hover {}
element.hover {}
hover:element {}
hover {}
Apa yang terjadi jika efek hover diterapkan tanpa menambahkan properti transition?
Perubahan akan terasa lebih halus.
Perubahan akan terjadi secara langsung tanpa efek transisi.
Hover tidak akan berfungsi.
Elemen akan menjadi tidak terlihat.
Efek hover akan aktif ketika...
Kursor berada di atas elemen.
Elemen diklik.
Halaman dimuat.
Elemen di-scroll.
