Belajar Dasar-Dasar CSS - penulisan css, Dalam css penulisannya dibagi menjadi tiga bagian, :
1. INLINE STYLE SHEET
Penulisan sintaks CSS didalam elemen HTML. Untuk metode yang satu ini rata-rata jarang digunakan karena tidak efisien tapi alangkah baiknya kita mengetahuinya. Fungsinya hampir sama seperti kita menuliskan properti pada tag HTML, penggunaanya untuk hal-hal tertentu saja. Misalkan, kita ingin memberikan warna hijau pada tag <p> maka cara penulisaanya sbb :\<p style = " color : green ">jika anda ingin menggunakan script untuk memodifikasi inline style sheet, maka anda dapat menggunakan style object. Style object akan mensuport semua property yang disuport oleh CSS untuk style. untuk menggunakannya anda bisa lakukan :1. hilangkan tanda hubung "-" pada style CSS,2. guanakan huruf kapital setelah tanda hubung.Contohnya : font-weight menjadi fontWeight.
2.EMBEDDED STYLE SHEET
Penulisan sintaks CSS didalam dokumen HTML dengnan metode ini menggunakan tag <style> dan </style> dan metode ini paling sering digunakan. Contoh penulisan sintaksnya sbb :<style type = "text/css">h1 {color :red}</style>
3. LINKED STYLE SHEET
Penulisan skrip CSS dihalaman yang berbeda atau terpisah dari HTML. Jadi kita tinggal melakukan link ke file CSS yang telah dibuat. untuk metode ini menggunakan <link rel> yang telah ditempatkan pada bagian tag <head> Salah satu keuntungan dengan metode ini adalah kemudahan dalam mengedit skrip css karena hanya file css saja yang kita ubah.<link rel ="stylesheet" type=text/css" href="http://www.webaku.com/global.css>selain ini kita bisa menggunakan keyword @import untuuk menggantikan metode <link rel> seperti contoh berikut :<style type="text/css"> @import url http://www.webaku.com/global.css); </style>
ATURAN PENULISAN CSS
CSS memiliki aturan dalam penulisannya yang terdiri atas :1. Selector yang terdiri dari tag, class, Id, dan pseudo yang digunakan sbg pemisah antar elemen. bagian pertama sebelum tanda "{}" itulah yang dinamakan selector.2. Declaration : untuk mendiskripsikan properti dan value yang akan digunakan pada selector atau pemisah.contoh penggunaan rule :h1{ color : #0000FF; }keterangan :
- selector = h1
- properti = color
- value = #0000ff
KOMENTAR PADA CSS
Sama seperti bahasa HTML atau bahasa pemrograman lainnya, komentar akan diberikan pada skrip untuk menjelaskan sesuatu. komentar pada CSS hampir sama dengan kopmentar pada bahasa C atau C++ yaitu menggunakan :/* isi komentar */contoh :h1{ color : red; } /*memberikan warna merah pada h1*/
Tidak ada komentar:
Posting Komentar
W A R N I N G !!!
=Pembaca yang Baik selalu Meninggalkan Komentar=
~ Berkomentarlah secara baik dan sopan maka admin akan merespon
~ JANGAN ANONIM
~ Komentar Sesuai dengan Topik Pembicaraan
~ Tidak Menyertakan Link Aktif
~ Dilarang Promosi dalam Bentuk Apapun !