Pada penulisan CSS,
ada beberapa hal penting yang harus kamu pahami, yaitu:
- 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 ;.
 |
| Gambar. Sintak Penulisan CSS |
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>.
Cara Penulisan Selektor pada CSS
Selektor dengan target
Tag / Elemen ditulis sesuai nama tagnya:
h3{
color: blue;
}
Selektor dengan target
ID menggunakan awalan '#':
#konten{
color: red
}
Selektor dengan target
class menggunakan awalan tanda titik '.':
.box{
border: solid 1px red;
}
Selektor juga bisa
berisi lebih dari satu target:
p, h2,
span{
color: red;
}
Selektor di atas akan
mengubah warna teks di dalam semua elemen <p>, <h2>, dan
<span>
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>
Halaman 2
Artikel Terkait:
Tidak ada komentar:
Posting Komentar
Silahkan isi komentar Anda pada kolom komentar di bawah ini atau dengan kolom komentar Facebook pada bagian atas ini.
Berkomentarlah dengan sehat! Dilarang membuat komentar dengan isi yang mengandung spam, sara, pornografi, politik, iklan, dan diluar norma yang berlaku. Thanks.