Cara Menulis Membuat CSS |
Agar lebih mudah dipahami, maka akan saya bgi Tutorial ini menjadi dua bagian yaitu Syntax dan Jenis CSS.
Syntax CSS ( Aturan Penulisan CSS )
Yang saya tahu, aturan penulisan dalam CSS itu cukup dengan mengapit kode property dengan simbol kurung kurawal '{ }' dan akhiri dengan declaration separator ';'.
Contoh mudahnya jika kita ingin mengganti warna background blog maka cukup teman-teman apit property dengan simbol kurung kurawal tadi dan juga akhiri dengan tanda separator ';'.
Contoh Pendeklarasian ke dalam CSS :
body {
}
Ohiya lupa, saya ada gambar yang akan menjelaskan bagian-bagian dari CSS diantaranya Apa itu Selector, Property, Value dan Declaration Separator.
Nah, sudah cukup jelas bukan ? intinya sesekarang setiap property harus diakhiri dengan Declaration Separator khusus untuk property terakhir atau property yang jumlahnya hanya satu, tidak menggunakan separator tidak masalah. Sekarang kita lanjutkan ke dalam Jenis CSS.
Jenis CSS ( Macam-macam CSS )
CSS sendiri mempunyai dua macam yaitu internal dan eksternal.
CSS Internal adalah CSS yang berada di dalam kode HTML, contohnya :
<body style="background; pink ;">
Jadi kita tidak cukup menuliskan CSS langsung di HTML.
Sementara untuk yang CSS Eksternal adalah CSS yang berada di luar file HTML, jadi untuk menggunakan CSS tersebut diperlukan teknik khusu, yaitu menggunakan.
< link rel="stylesheet" href="domain.com/blabla.css" type="text/css">
Setelah dipanggil, kita bisa langsung menggunakannya, misalnya untuk memberi ID atau Class pada Div.
Cara Menulis CSS | Cara Membuat CSS
Saya contohkan sedikit mengenai penulisan CSS.
Jika kita ingin Mengubah Warna Link cukup tambahkan :
a {
}
Sementara jika ingin Menguah Ukuran Font Judul Blog maka cukup teman-teman tambahkan kode CSS ini :
h1 {
}
Seluruh value bisa teman-teman ganti sesuai selera.
Mungkin ini dulu dari saya, maaf jika Tutorial mengenai Cara Menulis danMembuat CSS ini terlalu dasar, karena memang saya baru belajar juga di Dunia CSS.
ruwet juga ya mba..lam kenal n sukses slalu
BalasHapushihi, biasa aja kok mas, yap sukses juga untuk untukmu mas
Hapussalut.....tutorial yang sangat langka...!
Hapusinformasi yg bagus :) selector, property dan value memang tidak terpisahkan dalam css.
BalasHapusSeperti kita berdua. hihi :D
saya masih belum banyak mangerti tentang css, tapi ilmu ini cukup untuk mengisi pengetahuan saya tentang css. trims ya.
BalasHapussalam kenal and happy blogging !
Tutorialnya bagus dan mudah dimengerti. Hehehehe... Kebetulan saya juga lagi review materi CSS kembali. :) Oh y, sekedar menambahkan. Untuk peletakkan kode CSS ada 3 macam:
BalasHapusa. Internal CSS
b. Inline CSS
c. External CSS
Saya berikan link referensinya. Soalnya mau kasih contoh, penggunaan HTML via komentar dilarang dari bloggernya.
Linknya: http://majalahweb.com/2008/12/pengenalan-css/
Mungkin itu saja. Intinya sieh, peletakkan kode CSS ada 3 macam cara, yaitu Internal, Inline, Eksternal. Btw, salam kenal. :) Happy coding