Belajar Dasar CSS di Web
- Minggu, 17 Juni 2012
- Tutorial IT
- Cetak
CSS (Cascading Style Sheet) adalah stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML.
Ketika kita menggunakan CSS untuk memformat suatu halaman, kita memisahkan antara konten dan style tampilannya. Konten dari halaman (yang berupa kode HTML) berada pada file HTML itu sendiri, sementara isi dari CSS yang mengatur tampilan kode HTML tersebut berada pada file lain (biasa disebut external style sheet) atau berada pada bagian lain dari dokumen HTML tersebut (biasanya berada di bagian head kode HTML) dan biasa disebut internal style sheet.
Dengan menggunakan CSS, kita dapat mendefinisikan suatu style hanya sekali dan mempergunakannya berulang-ulang dalam dokumen-dokumen web kita. Jadi, kita tidak perlu repot mengatur ulang style dari setiap tag HTML yang kita buat cukup dengan merubah di CSS-nya saja.
Namun dibalik kelebihan tersebut, ada juga kekuranganya yaitu tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Jadi harus diperiksa tampilannya supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web terlihat baik di semua browser.
Setiap aturan style CSS dibagi menjadi 3 bagian: selector, property dan value. Syntaxnya (aturan penulisan kodenya):
selector {property: value}
Sebagai contoh, kita mendefinisikan paragraf HTML, yang ditandai dengan tag <p>, dengan value biru (blue) pada property warna (color) sebagai berikut:
p {color: blue}
webdesignerdepot.com
Selector pada CSS sama dengan tag atau elemen pada HTML (seperti: <h1>, <p>, <tr> dll). Satu aturan CSS minimal terdiri atas tiga bagian:
- Selector, dalam contoh diatas p, memberitahukan browser, tag (elemen) HTML yang menggunakan style CSS.
- Property, dalam contoh diatas color, dalam HTML disebut sebagai atribut. Biasanya merupakan ukuran kualitas suatu elemen seperti height, font-style, color dll.
- Value dari property, dalam contoh diatas blue. Ini merupakan nilai yang menyatakan perubahan yang kita lakukan terhadap tampilan dari elemen seperti 45 pixel, Times Roman atau yellow.
Nah, seru kan? Simak terus ya Tutorial IT di LKP KEMBAR!
Jika Sahabat Pintar berminat untuk mengikuti workshop/kursus komputer, baik pemrograman web, desain (Corel, Photoshop, Dreamweaver, Flash), ms office, page maker, in design, blog, dsb, silakan hubungi:
JL. Solo-Yogya km.30 Jombor Ceper Klaten
Telp (0272) 3154 777
5 KEUNGGULAN LKP KEMBAR:
- Pengajar yang ramah dan berpengalaman
- Harga terjangkau dan bisa dicicil
- Waktu yang fleksibel
- Sertifikat berizin resmi Dinas Pendidikan dan Dinas Sosial Tenaga Kerja dan Transmigrasi (Izin Dinas Pendidikan nomor 602/LKP/11.2012, dan Izin Dinas Sosial Tenaga Kerja dan Transmigrasi Nomor: 563/2424.A/14.)
- Dijamin BISA!!! Untuk semua umur dan kalangan.
Jangan lupa..ada program seru IT CAMP loh selama liburan, 2-7 Juli 2012 pk 09.00-10.30..di mana kita bisa membuat berbagai kreasi IT menarik! 🙂
