Contoh Penggunaan CSS

1. Syntax CSS

Bentuk umum syntax CSS adalah: selector { property; value; }

contoh: h1{ color: blue}

2. Selector CSS

Digunakan untuk menentukan element HTML yang ingin diberikan gaya

Terdapat 4 jenis seletor umum:

• Element Selector → berdasarkan nama tag, misalnya p { ... }
• ID Selector → berdasarkan id, misalnya #header { ... }
• Universal Selector → menggunakan tanda *
• Grouping Selector → misalnya h1, h2, p { ... }

3. Inline CSS

CSS ditulis langsung pada tag HTML menggunakan atribut style

contoh:

hallo, ini menggunakan inline

4. Internal CSS

CSS ditulis dalam tag style pada bagian head

5. External CSS

CSS di tulis pada file terpisah (.css) dan di hubungkan ke html dengan tag link

6. Comments CSS

membantu menonaktifkan sementara bagian html atau menjelaskan kode CSS menggunakan tanda (/**/)

contoh: /*menulis komentar diCSS*/

Link Tugas Latihan CSS:

LJ_CSS Annisa Nur