Menggunakan CSS untuk men-design web memberikan keleluasaan lebih dibandingkan dengan hanya menggunakan HTML code, contohnya dengan menggunakan CSS element font baik jenis, style dan warnanya dapat ditentukan sesuai dengan keinginan kita. Contoh lainnya dengan menggunakan CSS, designer web dapat juga membuat image rollover (efek transformasi ketika mouse diarahkan ke objek) baik rollover untuk teks link maupun gambar. Saat ini ada 3 jenis CSS yang dapat digunakan, antara lain:
- Cascading Style Sheets (CSS), level I (CSSI). Dirilis pada Desember 1996. Fokus pada pengaturan properties untuk font, margin, warna, dan lain-lain yang hampir keseluruhannya propertiesnya dibutuhkan untuk pengaturan CSS saat ini.
- Cascading Style Sheets (CSS), level 2 (CSS2). Dirilis pada Mei 1998. Berisi semua pengaturan properties CSSI dengan penambahan antara lain pengaturan posisi elemen halaman web, pemberian nomor otomatis, page breaks, penentuan arah teks (misalnya dari kanan ke kiri), serta beberapa hal lainnya. Jenis CSS ini menjadi rekomendasi W3C sejak November 2008.
- Cascading Style Sheets (CSS), Level 3 Dirilis 2 Februari 2012. CSS ini termasuk di dalamnya semua setting properties pada CSS2 dengan penambahan selektor baru, fancy border dan background, text vertikal, user interaction (interaksi pengguna), dan masih banyak lagi.
Sumber : w3.org
Syarat utama untuk mulai belajar CSS pertama kali adalah anda harus mempunyai default teks editor, misalnya jika anda memakai sistem operasi MAC anda dapat menggunakan 'BBEdit' yang dapat anda download di sini, untuk pengguna windows paling gampang menggunakan 'Notepad'. Jika mau lebih leluasa lagi gunakan software khusus untuk buat & edit file CSS seperti misalnya Adobe Dreamweaver. Anda juga membutuhkan web browser yang support CSS, hampir semua browser saat ini semuanya sudah support CSS. Silahkan pilih browser favorit anda.
Sebelum mulai latihan CSS ada baiknya membuat folder baru khusus untuk menyimpan file-file html dan css yang nanti akan dibuat. Berilah nama folder tersebut dengan nama apa saja, misal 'latihan css'. Sekarang buat buatlah file html baru, caranya buka 'notepad' kemudian copy dan pastekan kode di bawah ini;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
</body>
</html>
Kemudian simpan pada folder yang baru saja anda buat dan beri nama contoh 'file1.html'. File tersebut yang akan dibuat latihan css nanti.
Tidak ada komentar:
Posting Komentar