Assalamualaikum wr.wbr
TUGAS PENDAHULUAN
1. Jelaskan apa yang dimaksud dengan CSS!
Jawaban : Cascading Style Sheet (CSS) adalah suatu bahasa yang bekerja sama dengan dokumen HTML untuk
mendefinisikan cara bagaimana suatu halaman web ditampilkan atau dipresentasikan. Presentasi ini meliputi style
atau gaya pada teks, link maupun tata letak (layout) halaman. Script CSS disimpan dengan format ekstensi .css
2. Jelaskan 3 cara pemanggilan CSS serta tuliskan bentuk penggunaannya!
Jawaban :
- Internal CSS juga dikenal dengan sebutan Embeded CSS.
Tag <style> biasanya ditulis di dalam tag <head>.
Bisa juga ditulis di dalam <body>, namun lebih banyak ditulis di dalam <head>.
Bentuk Penggunaannya
[code hl=""] [/code] - Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML.
Eksternal CSS ditulis disebuah file khusus yang berekstensi .css.
Bentuk Penggunaannya
[code hl=""] [/code]Dalam contoh diatas, file style.css berisikan semua rule. Contohnya:
[code hl=""] .xleftcol { float: left; width: 33%; background:#809900; } .xmiddlecol { float: left; width: 34%; background:#eff2df; } [/code] - Inline CSS adalah kode CSS yang ditulis langsung pada atribut
elemen HTML. Setiap elemen HTML memiliki atribut style, di sana lah inline CSS ditulis.
Bentuk Penggunaannya
[code hl=""]Inline CSS
Pemrograman Web
[/code]
3. Jelaskan apa yang dimaksud dengan selector, declaration, property dan value pada CSS!
Jawaban :
- Selector merupakan Tag HTML, CSS atau ID yang akan diberi atau dikenai gaya.
- Declaration atau Deklarasi yaitu properti dan value yang akan ditentukan oleh tag bersangkutan.
- Property merupakan jenis style atau gaya yang akan dikenakan pada Selector.
- Value merupakan nilai dari property yang membentuk style.
4. Jelaskan perbedaan selector tag, class dan id pada CSS serta berikan contoh penggunaannya!
Jawaban :
- Selector Tag berisi tag-tag HTML yang akan dimanipulasi oleh CSS, dimana penggunaan- penggunaan
tag yang dikenai CSS akan ikut berubah sesuai dengan deklarasi CSSnya.
Contoh Penggunaannya
[code hl=""] <- P {color: # ff0000;} ->Belajar Pemrograman
Webdan lagi
[/code] - Selector Id berisi identifier unik yang akan dimanipulasi oleh CSS, umumnya id atau identifier hanya dapat digunakan oleh satu elemen saja. Selector id ditandai dengan simbol pagar (#) yang diikuti dengan nama id atau identifier. Contoh Penggunaannya
- Selector Class berisi identifier kelas yang akan dimanipulasi oleh CSS berdasarkan kelasnya yang memiliki karakteristik yang sama dan digunakan berulang-ulang. Penggunaan selector class pada struktur CSS ditandai dengan simbol titik (.) yang diikuti dengan nama kelas. Contoh Penggunaannya
Ini adalah paragraph komentar