Pada penulisan CSS, ada beberapa hal penting yang harus kamu pahami, yaitu:
Selektor merupakan kunci dari CSS dan merupakan hal terpenting dalam pendeklarasian style. Selektor dapat berisi sebuah tag, ID, Class, atau gabungan dari ketiganya. Selektor dapat menunjuk satu elemen atau banyak elemen. Urutan selektor di baca dari dokumen HTML yang paling luar, yaitu tag <body>.
- Selektor, digunakan untuk menunjuk elemen mana yang akan diatur style/tampilanya.
- Blok CSS, yaitu isi utama CSS di antara tanda blok pembuka { dan blok penutup }, Di dalam blok inilah dideklarasikan atribut dan nilai/isi style-nya yang dipisahkan dengan titik dua : dan setiap deklarasi diakhiri dengan titik koma ;.
Cara Penulisan Selektor pada CSS
Selektor dengan target Tag / Elemen ditulis sesuai nama tagnya:h3{
color: blue;
}
Selektor dengan target ID menggunakan awalan '#':color: blue;
}
#konten{
color: red
}
Selektor dengan target class menggunakan awalan tanda titik '.':color: red
}
.box{
border: solid 1px red;
}
Selektor juga bisa berisi lebih dari satu target:border: solid 1px red;
}
p, h2, span{
color: red;
}
Selektor di atas akan mengubah warna teks di dalam semua elemen <p>, <h2>, dan <span>color: red;
}
Blok Komentar pada CSS
Blok komentar dimulai dengan tanda /* dan diakhiri dengan */<style type="text/css">
/* Ini blok komentar
komentar bisa lebih dari satu baris
*/
</style>
/* Ini blok komentar
komentar bisa lebih dari satu baris
*/
</style>
0 Response to "Belajar Sintak CSS"
Post a Comment