CSS CSS merupakan singkatan dari Cascading Style Sheet. Menurut wikipedia, CSS adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Css saat ini di kembangkan oleh World Wide Web Consortium atau yang biasa lebih dikenal dengan istilah W3C. Css bukan menggantikan kode html, tetapi hanya di fungsikan sebagai penopang atau pendukung dari file html yang berperan dalam penataan kerangka dan layout web.
1. Aturan Penulisan CSS
Prinsip dasar penggunaan CSS di dalam dokumen HTML adalah untuk
menyediakan style yang digunakan
untuk mengatur bagian-bagian HTML. Contoh, suatu style dapat di pakai untuk
mengatur jenis, ukuran, dan bahkan warna suatu teks. Style mengandung dua
bagian yaitu selektor dan deklarasi properti. Selektor untuk menyatakan bagian dalam
HTML yang akan diatur melalui style. Sedangkan properti untuk menyatakan sifat dalam tag HTML yang diatur melalui
style.
2. Css Bersifat Case Sensitive
Maksud case sensitive disini membedakan huruf kapital dan huruf kecil. Hal ini penting diketahui karena kalau kita ingin menulis nama kelas atau nama ID dalam style. Contoh : Maka nim akan
dibedakan dengan Nim ataupun NIM.
Untuk memberikan nama dalam CSS misalnya untuk nama kelas atau nama
ID agar mudah dipahami gunakan penamaan yang mengandung makna dan mudah
dipahami oleh orang.Contoh :
o
nama seperti warnaMerah lebih baik dari pada
wmr.
o
warnaMerah bisa juga ditulis menjadi warna-merah
atau warna_merah.
o
Tanda minus (-) ataupun garis bawah ( _ ) boleh
dipakai untuk nama.
o
Namun yang perlu di ingat, warnaMerah,
warna-merah, warna_merah adalah tiga nama yang berbeda.
o
Penulisan nama boleh menggunakan angka, tetapi
spasi atau tanda-tanda lain tidak boleh digunakan untuk nama.
3. Komentar
Komentar adalah suatu bagian dalam kode yang diperlakukan bukan
sebagai kode, melainkan berfungsi sebagai keterangan bagi pembaca kode. Pada
dokumen HTML, komentar diawali dengan <!-- dan diakhiri dengan -->.
Adapun pada CSS, komentar ditulis dengan awalan /* dan diakhiri */.
4. Cara Menggunakan CSS
Untuk menggunakan CSS, ada 3 cara yang bisa kita gunakan yaitu Embedded
Style Sheet, Inline Style Sheet, dan Linked Style Sheet.
4.1 Embedded Style Sheet
Embedded Style Sheet adalah cara penulisan kode dimana penulisan CSS
dilakukan pada tag HTML, yaitu pada tag <style> ... </style> dan
sebelum tag <body>. Pada tag tersebut akan disisipkan kode CSS yang akan
digunakan oleh tag HTML. Sintaks penulisannya :
Contoh programnya seperti ini
0 komentar:
Posting Komentar