CSS adalah singkatan dari Cascading Style Sheet. Ini adalah bahasa pemrograman yang digunakan untuk menggambarkan presentasi dan gaya dokumen yang ditulis dalam HTML atau XML. CSS menyediakan serangkaian aturan dan properti yang menentukan bagaimana elemen harus ditampilkan pada halaman web.
Dengan CSS, perancang web dan pengembang dapat mengontrol berbagai aspek penampilan situs web, termasuk tata letak, warna, font, jarak, dan efek. Dengan memisahkan informasi gaya dari konten, CSS memungkinkan proses pengembangan web yang lebih efisien dan fleksibel.
CSS beroperasi pada prinsip cascading, di mana banyak aturan gaya dapat diterapkan pada elemen, dan gaya akhir ditentukan oleh urutan spesifisitas dan penerapan pemilih yang berbeda. Ini memungkinkan penyesuaian dan konsistensi yang mudah di seluruh halaman web.
Selektor CSS digunakan untuk menargetkan elemen HTML tertentu atau kelompok elemen untuk menerapkan gaya yang diinginkan. Selektor dapat didasarkan pada jenis elemen, nama kelas, ID, atribut, dan banyak lagi, memberikan fleksibilitas besar dalam gaya.
CSS3, versi terbaru CSS, memperkenalkan banyak fitur baru, termasuk opsi tata letak lanjutan, transisi, animasi, gradien, dan banyak lagi, memungkinkan desain web yang lebih kreatif dan interaktif.
Garis Besar Artikel
- Bagian 1: Buat kuis CSS yang luar biasa menggunakan AI secara instan di OnlineExamMaker
- Bagian 2: 15 Pertanyaan & Jawaban Kuis CSS
- Bagian 3: Coba OnlineExamMaker AI Question Generator untuk membuat pertanyaan kuis
Bagian 1: Buat kuis CSS yang luar biasa menggunakan AI secara instan di OnlineExamMaker
Cara tercepat untuk menilai keterampilan CSS dari kandidat adalah menggunakan platform penilaian AI seperti OnlinexamMaker. Dengan generator pertanyaan AI OnLineExamMaker AI, Anda dapat memasukkan konten-seperti teks, dokumen, atau topik-dan kemudian secara otomatis menghasilkan pertanyaan dalam berbagai format (mis., Jawaban ganda-pilihan, benar/salah, jawaban singkat). Grader Ujian AI -nya dapat secara otomatis menilai ujian dan menghasilkan laporan yang mendalam setelah kandidat Anda mengirimkan penilaian.
Tinjauan umum fitur terkait penilaian utamanya:
● Buat hingga 10 jenis pertanyaan, termasuk pilihan ganda, benar/salah, mengisi-dalam-blok, pencocokan, jawaban singkat, dan pertanyaan esai.
● Secara otomatis menghasilkan laporan terperinci – skor individu, laporan pertanyaan, dan kinerja kelompok.
● Secara instan mencetak pertanyaan objektif dan jawaban subyektif menggunakan penilaian berbasis rubrik untuk konsistensi.
● Pelatih API dan SSO membantu mengintegrasikan OnlineExamMaker dengan Google Classroom, Microsoft Teams, CRM dan banyak lagi.
Secara otomatis menghasilkan pertanyaan menggunakan AI
Bagian 2: 15 Pertanyaan & Jawaban Kuis CSS
or
1. Pertanyaan: Apa yang dimaksud dengan CSS?
A. Bahasa pemrograman untuk membuat animasi.
B. Bahasa markup untuk struktur halaman web.
C. Bahasa gaya untuk mendesain tampilan halaman web.
D. Bahasa skrip untuk interaksi pengguna.
Jawaban: C
Penjelasan: CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mengontrol tampilan dan tata letak elemen di halaman web, seperti warna, font, dan posisi.
2. Pertanyaan: Selector apa yang digunakan untuk menerapkan gaya pada semua elemen {p} di halaman?
A. .p
B. #p
C. p
D. *p
Jawaban: C
Penjelasan: Selector “p” adalah tipe selector yang menargetkan semua elemen paragraf {p} di dokumen HTML.
3. Pertanyaan: Apa fungsi properti CSS “display”?
A. Menentukan ukuran elemen.
B. Menentukan bagaimana elemen ditampilkan, seperti block atau inline.
C. Menentukan warna latar belakang.
D. Menentukan margin elemen.
Jawaban: B
Penjelasan: Properti “display” mengontrol jenis tampilan elemen, misalnya “block” untuk elemen yang memakan satu baris penuh atau “inline” untuk elemen yang mengalir dengan teks.
4. Pertanyaan: Bagaimana cara menambahkan komentar di CSS?
A. /* Ini komentar */
B. {!– Ini komentar –}
C. // Ini komentar
D. # Ini komentar
Jawaban: A
Penjelasan: Komentar di CSS ditulis dengan /* */ untuk menghindari eksekusi kode dan membantu dokumentasi.
5. Pertanyaan: Apa arti dari “Cascading” dalam CSS?
A. Prioritas aturan gaya yang saling tumpang tindih.
B. Animasi elemen yang bergerak.
C. Penataan elemen dalam baris.
D. Penggunaan warna gradient.
Jawaban: A
Penjelasan: “Cascading” merujuk pada bagaimana aturan CSS diresolusi ketika ada konflik, dengan prioritas berdasarkan spesifisitas, urutan, dan inheritance.
6. Pertanyaan: Properti CSS apa yang digunakan untuk mengatur jarak luar elemen?
A. Padding
B. Margin
C. Border
D. Width
Jawaban: B
Penjelasan: Properti “margin” mendefinisikan ruang di luar elemen, yang memisahkan elemen dari elemen lain atau tepi kontainer.
7. Pertanyaan: Bagaimana cara membuat teks berwarna merah menggunakan CSS?
A. color: merah;
B. color: red;
C. text-color: red;
D. font-color: red;
Jawaban: B
Penjelasan: Properti “color” digunakan untuk mengatur warna teks, dan nilai “red” adalah kata kunci yang dikenali untuk warna merah.
8. Pertanyaan: Apa perbedaan antara class dan ID selector di CSS?
A. Class bisa digunakan sekali, ID bisa digunakan berkali-kali.
B. ID lebih spesifik dan unik, class bisa diterapkan pada banyak elemen.
C. Keduanya sama saja.
D. Class digunakan untuk elemen HTML, ID untuk elemen CSS.
Jawaban: B
Penjelasan: Selector class (.) bisa diterapkan pada beberapa elemen, sedangkan selector ID (#) harus unik untuk satu elemen dan memiliki prioritas lebih tinggi.
9. Pertanyaan: Apa fungsi dari @media rule di CSS?
A. Untuk membuat animasi.
B. Untuk menerapkan gaya berdasarkan ukuran layar atau perangkat.
C. Untuk mengimpor file eksternal.
D. Untuk mendefinisikan variabel.
Jawaban: B
Penjelasan: @media digunakan dalam responsive design untuk menerapkan aturan CSS yang berbeda berdasarkan kondisi seperti lebar layar.
10. Pertanyaan: Properti CSS apa yang digunakan untuk mengatur font family?
A. font-style
B. font-family
C. text-font
D. family-font
Jawaban: B
Penjelasan: Properti “font-family” menentukan jenis font yang digunakan, seperti “Arial” atau “Times New Roman”.
11. Pertanyaan: Bagaimana cara membuat elemen menjadi transparan?
A. opacity: 0;
B. transparency: 0;
C. visibility: hidden;
D. display: none;
Jawaban: A
Penjelasan: Properti “opacity” mengatur tingkat transparansi elemen, di mana nilai 0 berarti sepenuhnya transparan.
12. Pertanyaan: Apa yang dimaksud dengan box model di CSS?
A. Model untuk membuat kotak animasi.
B. Struktur elemen yang terdiri dari margin, border, padding, dan content.
C. Model warna RGB.
D. Model tata letak grid.
Jawaban: B
Penjelasan: Box model adalah konsep dasar CSS di mana setiap elemen dianggap sebagai kotak dengan lapisan content, padding, border, dan margin.
13. Pertanyaan: Selector apa yang digunakan untuk menargetkan elemen anak langsung?
A. >
B. +
C. ~
D. *
Jawaban: A
Penjelasan: Selector “>” (child selector) menargetkan elemen yang langsung berada di dalam elemen parent, seperti div > p.
14. Pertanyaan: Bagaimana cara mengatur posisi elemen menjadi fixed?
A. position: fixed;
B. position: absolute;
C. position: relative;
D. position: static;
Jawaban: A
Penjelasan: Nilai “fixed” pada properti “position” membuat elemen tetap di posisi tertentu relatif terhadap viewport, bahkan saat halaman digulir.
15. Pertanyaan: Apa fungsi dari properti “flex” di CSS?
A. Untuk membuat layout grid.
B. Untuk mengatur elemen menjadi fleksibel dalam satu baris atau kolom.
C. Untuk mengatur warna.
D. Untuk animasi.
Jawaban: B
Penjelasan: Properti “flex” adalah bagian dari Flexbox layout yang membantu mendistribusikan ruang dan mengatur align elemen secara fleksibel.
or
Bagian 3: Coba OnlineExamMaker AI Question Generator untuk membuat pertanyaan kuis
Secara otomatis menghasilkan pertanyaan menggunakan AI