CSS DASAR

Apa itu CSS?

CSS singkatan C ascading S tyle S heets
CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau media lain
CSS menghemat banyak pekerjaan . Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus
Stylesheet eksternal disimpan dalam file CSS

CSS Demo – Satu HTML Halaman – Beberapa Styles!

Di sini kita akan menampilkan satu halaman HTML ditampilkan dengan empat stylesheet yang berbeda. Klik pada “Stylesheet 1”, “Stylesheet 2”, “Stylesheet 3”, “Stylesheet 4” tautan di bawah untuk melihat gaya yang berbeda:

CSS Syntax

Sebuah CSS aturan-set terdiri dari pemilih dan blok deklarasi:

Pemilih poin ke elemen HTML Anda ingin bergaya.

Blok deklarasi berisi satu atau lebih deklarasi dipisahkan oleh titik koma.

Setiap deklarasi termasuk CSS nama properti dan nilai, yang dipisahkan oleh titik dua.

Sebuah deklarasi CSS selalu berakhir dengan titik koma, dan blok deklarasi dikelilingi oleh kurung kurawal.

CSS Selectors

CSS digunakan untuk “menemukan” (atau pilih) elemen HTML Anda ingin bergaya.

Kita dapat membagi CSS ke dalam lima kategori:

penyeleksi sederhana (memilih elemen berdasarkan nama, id, kelas)
Penyeleksi Combinator (memilih elemen berdasarkan hubungan tertentu antara mereka)
Penyeleksi pseudo-class (pilih elemen berdasarkan keadaan tertentu)
Pseudo-elemen penyeleksi (pilih dan gaya bagian dari elemen)
Penyeleksi atribut (pilih elemen berdasarkan atribut atau nilai atribut)

Halaman ini akan menjelaskan yang paling CSS dasar.

Tiga Cara Insert CSS

Ada tiga cara memasukkan style sheet:

CSS eksternal
CSS internal
CSS inline

CSS eksternal

Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah hanya satu file!

Setiap halaman HTML harus menyertakan referensi ke file style sheet eksternal dalam <link> elemen, di dalam bagian kepala.