Kembali lagi bro sama gue (Kazo),,,, ya oke sekarang ane akan posting "Bagian-Bagian Utama Dari CSS".
Bagian-bagian utama dari CSS ada 3 bagian yaitu : - Selector
- Property
- Value
1. Selector
Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML, maka CSS juga dikenal dengan sebuah Selector.
Sebagai bahasa yang digunakan untuk memberikan gaya tampilan, CSS menggunakan metode deklaratif untuk menspesifikasikan bagian HTML yang ingin diberi gaya tampilan. Pemilihan elemen HTML dilakukan dengan menspesifikasi selector. Kode di bawah ini memberikan contoh dari sebuah selector, yang dapat digunakan untuk memberikan gaya tampilan terhadap seluruh elemen <p> yang ada pada dokumen HTML.
Format :
p{
......
}
Pada kode diatas, yang dikatakan selector ialah kode "p" atau :
selector{
......
}
Ciri-Ciri :
Sebuah property menentukan bergabai desain yang dapat diubah dari sebuah elemen yang dipilih oleh selector.
Format :
p{
color:....;
font-size:.....;
}
Pada kode diatas, yang dikatakan property ialah kode yang berada sebelum titik dua(":"). Kegunaan dari kedua property tersebut tentunya cukup jelas dari nama yang diberikan, yaitu color untuk memberikan warna pada elemen p, dan font-seze untuk mengubah ukuran teks.
Ciri-Ciri :
Merupakan nilai dari property yang ingin kita berikan. Nilai yang dapat diberikan sendiri berbeda-beda, tergantung dengan jenis propertinya.
Misal, Jika ingin memberikan nilai warna, kita harus memberikan nilai dalam format #RRGGBB (Kombinasi nilai heksa Merah-Hijau-Biru yang biasa digunakan pada program pengolah grafis seperti PhotoShop).
Ketika ingin memberikan nilai ukuranm kita dapat memberikan nilai dalam format nilai Px atau nilai em.
Contoh Formatnya :
p{
color:#FF0000;
font-size:50px;
}
Thank's Semoga Bermanfaat Dari Gue :D
Bagian-bagian utama dari CSS ada 3 bagian yaitu : - Selector
- Property
- Value
1. Selector
Jika dalam HTML dikenal ada tag-tag yang menyusun sebuah dokumen HTML, maka CSS juga dikenal dengan sebuah Selector.
Sebagai bahasa yang digunakan untuk memberikan gaya tampilan, CSS menggunakan metode deklaratif untuk menspesifikasikan bagian HTML yang ingin diberi gaya tampilan. Pemilihan elemen HTML dilakukan dengan menspesifikasi selector. Kode di bawah ini memberikan contoh dari sebuah selector, yang dapat digunakan untuk memberikan gaya tampilan terhadap seluruh elemen <p> yang ada pada dokumen HTML.
Format :
p{
......
}
Pada kode diatas, yang dikatakan selector ialah kode "p" atau :
selector{
......
}
Ciri-Ciri :
- Nama-nama yang diberikan untuk style-style yang berbeda, baik itu style internal maupun eksternal.
- Bagian elemen HTML yang akan ditunjukan untuk mengatur style.
- Dapat berupa Class dan ID (Buat Class dan ID akan ane lanjutin di Post Berikutnya :D)
Sebuah property menentukan bergabai desain yang dapat diubah dari sebuah elemen yang dipilih oleh selector.
Format :
p{
color:....;
font-size:.....;
}
Pada kode diatas, yang dikatakan property ialah kode yang berada sebelum titik dua(":"). Kegunaan dari kedua property tersebut tentunya cukup jelas dari nama yang diberikan, yaitu color untuk memberikan warna pada elemen p, dan font-seze untuk mengubah ukuran teks.
Ciri-Ciri :
- Aturan dalam CSS untuk mengubah selector yang dipilih
- Property mempunyai nilai yang disebut dengan value
- Property didalam tanda {}
Merupakan nilai dari property yang ingin kita berikan. Nilai yang dapat diberikan sendiri berbeda-beda, tergantung dengan jenis propertinya.
Misal, Jika ingin memberikan nilai warna, kita harus memberikan nilai dalam format #RRGGBB (Kombinasi nilai heksa Merah-Hijau-Biru yang biasa digunakan pada program pengolah grafis seperti PhotoShop).
Ketika ingin memberikan nilai ukuranm kita dapat memberikan nilai dalam format nilai Px atau nilai em.
Contoh Formatnya :
p{
color:#FF0000;
font-size:50px;
}
Thank's Semoga Bermanfaat Dari Gue :D
