Belajar CSS dan HTML Secara Tuntas | Sintaks

CSS memiliki aturan terdiri dari Selector dan Declaration, untuk lebih jelasnya perhatikan gambar di bawah ini.

Selektor dari gambar diatas digunakan untuk pemanggilan style.

Declaration berisi satu atau lebih baris kode yang dipisahkan oleh titik koma.

Setiap Declaration mencakup nama properti CSS dan value-nya dan dipisahkan oleh titik dua.

Deklarasi dari CSS Selalu Berahir dengan tanda titik koma dan selalu di kelilingi oleh kurung kurawal.

Pada contoh berikut semua elemen <p> ber posisi di tengah halaman dan memiliki warna teks merah :

p {
	text-align : center
	color : red
}

ada beberapa model Selector pada CSS yang digunakan untuk pemanggilan pada HTML, Html dapat memanggil berdasarkan nama elemn seperti ID, CLASS, ATTRIBUTE, dan lainya.

elemen selector :

p {

	text-align : center
	color : red
}

Id Selector :

#font {
	text-align : center
	color : red
}

Class Selector :

.kotak {
  text-align : center
  color : red
  width : 100px
  height : 200px
}

kita juda dapat menjadikan 1 rangkaian selector pada CSS jika mempunyai value yang sama. perhatikan contoh berikut :

p {
	text-align : center
	color : red
}
h1 {
	text-align:center
	color:red
}
h2 {
	text-align:center
	color:red
}

dari contoh di atas kita bisa ubah seperti ini.

p,h1,h2 {
text-align : center
color : red
}

Untuk Comment pada css Cukup seperti ini.

p {
	/* ini merupakan comment untuk satu baris */
	text-align : center
	color : red
}

/* ini merupakan 

comment untuk 

lebih dari 1 baris */

Semoga dari artikel ini dapat bermanfaat untuk anda dan semoga transfer ilmu yang saya sampaikan ini dapat sampai kepada penerima (kamu iya kamu).

Location:

Ndezzo Halo

Berbagi :