wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Kuis CSS 1

Total questions: 50

Worksheet time: 17mins

Name
Class
Date
1.

Apa yang dimaksud dengan Type Selector dalam CSS?

a)

Selector yang menargetkan elemen berdasarkan ID-nya

b)

Selector yang menargetkan elemen berdasarkan nilai atribut class

c)

Selector yang menargetkan elemen berdasarkan nama tag HTML

d)

Selector yang menargetkan semua elemen dalam dokumen HTML

2.

Bagaimana cara penulisan Class Selector dalam CSS?

a)

Dengan menggunakan tanda # diikuti nama class

b)

Dengan menggunakan nama elemen saja

c)

Dengan menggunakan tanda . diikuti nama class

d)

Dengan tanda * diikuti nama class

3.

Manakah pernyataan berikut yang BENAR mengenai class selector?

a)

Setiap elemen HTML hanya bisa memiliki satu class

b)

Class selector hanya bisa digunakan untuk elemen

c)

Sebuah class hanya bisa digunakan satu kali dalam dokumen

d)

Class selector dapat digunakan oleh banyak elemen berbeda

4.

Apa arti dari penulisan class di atas?

a)

Elemen

hanya memiliki satu class bernama red skyblue-bg

b)

Elemen

memiliki dua class, yaitu red dan skyblue-bg

c)

Class hanya akan diterapkan pada teks berwarna merah

d)

CSS tidak bisa mengenali class dengan spasi

5.

Bagaimana cara menargetkan secara spesifik elemen

yang memiliki class fancy dalam CSS?

a)

fancy.p {}

b)

.fancy p {}

c)

p.fancy {}

d)

#p.fancy {}

6.

Selector manakah yang digunakan untuk menargetkan elemen yang merupakan anak langsung dari elemen lain?

a)

div p

b)

div > p

c)

div + p

d)

div ~ p

7.

nak langsung dari elemen lain?

a)

div p

b)

div > p

c)

div + p

d)

div ~ p

8.

Apa fungsi dari selector div p dalam CSS?

a)

Menargetkan semua elemen

yang langsung mengikuti elemen

b)

Menargetkan semua elemen

yang menjadi anak langsung dari

c)

Menargetkan semua elemen

di dalam

, baik langsung maupun tidak langsung

d)

Menargetkan elemen

sebelum elemen

9.

Selector h1 + p digunakan untuk...

a)

Menargetkan semua elemen

dalam dokumen

b)

Menargetkan elemen

pertama yang langsung mengikuti elemen

c)

Menargetkan semua elemen

yang merupakan anak dari

d)

Menargetkan elemen

yang muncul sebelum

10.

Manakah dari selector berikut yang menargetkan semua elemen

  • yang berada di dalam elemen
      , baik secara langsung maupun tidak langsung?

    • a)

    ul + li

    b)

    ul > li

    c)

    ul li

    d)

    li > ul

    11.

    Perhatikan selector berikut: section > p. Apa arti dari selector tersebut?

    a)

    Semua

    dalam dokumen

    b)

    Semua

    yang langsung berada di dalam

    c)

    Semua

    yang berada setelah

    d)

    Semua

    yang merupakan saudara dari

    12.

    Perhatikan HTML berikut: html Salin kode

    Judul

    Paragraf pertama

    Paragraf kedua

    Selector div + p akan menargetkan...

    a)

    Paragraf pertama

    b)

    Paragraf kedua

    c)

    Semua

    d)

    Tidak ada yang ditargetkan

    13.

    Selector manakah yang menargetkan elemen yang berada tepat setelah elemen ?

    a)

    strong > span

    b)

    strong span

    c)

    strong + span

    d)

    span + strong

    14.

    Apa perbedaan utama antara div p dan div > p?

    a)

    div p hanya menargetkan anak langsung, div > p menargetkan semua keturunan

    b)

    div > p menargetkan semua keturunan, div p hanya anak langsung

    c)

    div p menargetkan semua keturunan, div > p hanya anak langsung

    d)

    Tidak ada perbedaan

    15.

    Selector ul > li + li digunakan untuk menargetkan...

    a)

    Semua elemen

  • dalam

    • b)

    Elemen

  • pertama dalam

    • c)

    Elemen

  • yang langsung mengikuti
  • lain dalam

    • d)

    Semua

  • yang memiliki saudara di luar

    • 16.
    a)

    nav + a

    b)

    nav > a

    c)

    nav a

    d)

    a nav

    17.
    a)

    Selector untuk menargetkan elemen dengan ID tertentu

    b)

    Selector untuk menargetkan elemen berdasarkan atribut

    c)

    Selector untuk menargetkan bagian atau kondisi elemen yang tidak terlihat secara langsung

    d)

    Selector untuk menargetkan semua elemen dalam dokumen

    18.
    a)

    ::before

    b)

    :hover

    c)

    #element

    d)

    .className

    19.
    a)

    :before

    b)

    ::before

    c)

    .before

    d)

    #before

    20.
    a)

    Mengubah warna teks semua elemen menjadi biru

    b)

    Mengubah warna tautan menjadi biru saat diklik

    c)

    Mengubah warna tautan menjadi biru saat diarahkan dengan kursor

    d)

    Mengubah warna background tautan saat hover

    21.
    a)

    Menambahkan konten baru setelah elemen tanpa menulisnya di HTML

    b)

    Menghapus elemen terakhir

    c)

    Mengganti teks dalam elemen

    d)

    Menambahkan atribut ke elemen

    22.
    a)

    Model tata letak berbasis grid

    b)

    Konsep untuk mengatur warna latar belakang elemen

    c)

    Konsep bahwa setiap elemen HTML dianggap sebagai kotak dengan beberapa komponen

    d)

    Sebuah elemen khusus untuk membuat kotak

    23.
    a)

    Content

    b)

    Padding

    c)

    Border

    d)

    Display

    24.
    a)

    Mengatur jarak antar elemen

    b)

    Mengatur ketebalan garis tepi

    c)

    Memberikan ruang kosong antara konten dan border

    d)

    Mengatur ukuran huruf dalam kotak

    25.
    a)

    Width

    b)

    Margin

    c)

    Padding

    d)

    Border

    26.
    a)

    Margin → Border → Padding → Content

    b)

    Padding → Margin → Border → Content

    c)

    Content → Padding → Border → Margin

    d)

    Content → Border → Padding → Margin

    27.
    a)

    margin

    b)

    width

    c)

    display

    d)

    box-sizing

    28.
    a)

    px

    b)

    %

    c)

    em

    d)

    rem

    29.
    a)

    min-width

    b)

    width

    c)

    max-width

    d)

    limit-width

    30.
    a)

    Menyembunyikan seluruh konten

    b)

    Menampilkan scrollbar

    c)

    Menyembunyikan konten yang tidak tertampung

    d)

    Menyesuaikan konten dengan ukuran elemen

    31.
    a)

    auto menyembunyikan konten, scroll tidak

    b)

    auto hanya menampilkan scroll saat overflow, scroll selalu menampilkan scroll

    c)

    scroll menyesuaikan ukuran elemen, auto tidak

    d)

    Tidak ada perbedaan

    32.
    a)

    Ukuran elemen hanya mencakup konten

    b)

    Ukuran elemen mencakup konten, padding, dan border

    c)

    Padding dan border diabaikan

    d)

    Elemen tidak memiliki padding dan border

    33.
    a)

    max-height

    b)

    min-height

    c)

    height

    d)

    auto-height

    34.
    a)

    max-height

    b)

    min-height

    c)

    height

    d)

    auto-height

    35.
    a)

    Agar elemen selalu memiliki lebar maksimum

    b)

    Agar elemen tidak terlalu lebar pada layar besar

    c)

    Agar teks tidak dibungkus ke baris berikutnya

    d)

    Agar ukuran elemen menyesuaikan ukuran font

    36.
    a)

    border-style

    b)

    border-color

    c)

    border-width

    d)

    border-padding

    37.
    a)

    2px

    b)

    medium

    c)

    thin

    d)

    50%

    38.
    a)

    Semua sisi memiliki border 2px

    b)

    Atas dan bawah 2px, kiri dan kanan 4px

    c)

    Kiri dan kanan 2px, atas dan bawah 4px

    d)

    Atas 2px, kanan 4px, bawah 2px, kiri 4px

    39.
    a)

    solid

    b)

    dotted

    c)

    double

    d)

    groove

    40.
    a)

    Hanya menetapkan border-color

    b)

    Hanya menetapkan border-width

    c)

    Menetapkan semua properti border

    d)

    Melupakan salah satu dari border-style, border-width, atau border-color

    41.
    a)

    border-size

    b)

    border-shape

    c)

    border

    d)

    border-box

    42.
    a)

    border: solid 2px red;

    b)

    border: #000 width solid;

    c)

    border: thick #123;

    d)

    border: color 5px style;

    43.
    a)

    #ff0000

    b)

    rgb(255,0,0)

    c)

    red

    d)

    255,0,0

    44.
    a)

    kiri, atas, kanan, bawah

    b)

    atas, bawah, kiri, kanan

    c)

    atas, kanan, bawah, kiri

    d)

    atas, kiri, kanan, bawah

    45.
    a)

    Red

    b)

    Blue

    c)

    Green

    d)

    Yellow

    46.
    a)

    Mengatur ketebalan border

    b)

    Menambahkan jarak antara elemen satu dengan lainnya

    c)

    Menambahkan jarak antara konten dan border dalam elemen

    d)

    Menentukan tinggi dan lebar elemen

    47.
    a)

    padding: top right bottom left;

    b)

    padding: 10px 15px 10px 15px;

    c)

    padding: 10 15 10 15 pixels;

    d)

    padding: 10px, 15px, 10px, 15px;

    48.
    a)

    Semua sisi akan 10px

    b)

    Atas dan bawah 10px, kiri dan kanan 20px

    c)

    Atas dan kanan 10px, bawah dan kiri 20px

    d)

    Hanya sisi atas dan kiri yang mendapat padding

    49.
    a)

    Ukuran font

    b)

    Lebar elemen induk

    c)

    Tinggi elemen itu sendiri

    d)

    Border elemen

    50.
    a)

    Padding memengaruhi ukuran border elemen

    b)

    Padding ditampilkan di luar border

    c)

    Padding dapat memiliki nilai negatif

    d)

    Padding berada di antara konten dan border

    Similar Resources on Wayground

    PAT SIMKOMDIG

    50 questions

    PAT SIMKOMDIG

    quiz

    Worksheet

    •

    1st - 10th Grade

    PBD ASK T3 : 4.1 PANGKALAN DATA DAN SQL

    50 questions

    PBD ASK T3 : 4.1 PANGKALAN DATA DAN SQL

    quiz

    Worksheet

    •

    1st - 3rd Grade

    SM SAINS TUNKU SYED PUTRA PENILAIAN ICT TINGKATAN 5

    50 questions

    SM SAINS TUNKU SYED PUTRA PENILAIAN ICT TINGKATAN 5

    quiz

    Worksheet

    •

    1st - 5th Grade

    informatika

    45 questions

    informatika

    quiz

    Worksheet

    •

    1st Grade

    SOALAN TMK

    46 questions

    SOALAN TMK

    quiz

    Worksheet

    •

    KG - University

    ULANGAN HARIAN TEKNIK PENGOLAHAN AUDIO DAN VIDEO

    50 questions

    ULANGAN HARIAN TEKNIK PENGOLAHAN AUDIO DAN VIDEO

    quiz

    Worksheet

    •

    1st - 12th Grade

    Ulangkaji ASK T2 Bab 2 Algoritma

    47 questions

    Ulangkaji ASK T2 Bab 2 Algoritma

    quiz

    Worksheet

    •

    1st - 12th Grade

    WARNA DAN TIPOGRAFI DESAIN GRAFIS

    50 questions

    WARNA DAN TIPOGRAFI DESAIN GRAFIS

    quiz

    Worksheet

    •

    1st Grade - University