Sebelum masuk kedalam materi, sebelumnya saya telah membahas tentang pengenalan dasar HTML yang bisa kalian baca pada blog ini. Sebelum mempelajari CSS sebaiknya Anda membaca pengenalan dasar programming web dan HTML terlebih dahulu.
Baca : Pengenalan Dasar Programming Web
Apakah Anda tahu apa itu CSS ? bagi kalian yang masih belum mengerti apa itu css, disini saya akan membahas tentang apa yang dimaksud dengan css, sejarah terciptanya css, fungsi-fungsi dari css, serta masih banyak lagi.
Pengertian dan Fungsi CSS
CSS merupakan singkatan dari Cascading Style Sheet yang berarti bahasa yang digunakan di dalam programming web untuk mempercantik tampilan sebuah website dan dapat mengendalikan beberapa bagian agar terlihat lebih seragam dan terstruktur. Fungsi dari CSS adalah dapat mengendalikan ukuran gambar, warna text, warna background, warna hyperlink, warna table, spasi antar paragraf, margin kanan, margin kiri dan masih banyak lagi.
Intinya adalah CSS digunakan untuk mengatur tampilan dari sebuah website agar terlihat lebih menarik. Jika Anda telah membaca pengenalan dasar programming web disana telah saya katakan bahwa HTML adalah badannya dan CSS adalah baju, make up dll yang membuat si badan tersebut tampak lebih menarik.
Sejarah CSS
Kata CSS diambil berdasarkan fakta bahwa setiap kita membuat deklarasi style yang berbeda dapat diletakkan secara berurutan dan dapat membentuk sebuah hubungan seperti orangtua-anak (parent-child) pada setiap style css. Pada tahun 1996 World Wide Web Consortium (W3C) merekomendasikan sebuah teknologi yang dinamakan dengan CSS. Setelah CSS di standarisasi kan internet explorer dan Netscape segera merilis browser terbaru mereka yang mendekati standarisasi dari CSS. Agar lebih paham silahkan baca pengenalan dasar programming web disana saya telah menjelaskan lebih detail mengenai W3C dan pekembangan-perkembangan teknologi di dalam dunia web.
Kelebihan CSS
Menggunakan HTML untuk membuat tampilan web lebih menarik memang bisa Anda lakukan akan tetapi jika Anda menggunakan CSS maka akan jauh lebih baik. Berikut ini adalah beberapa kelebihan jika kita menggunakan CSS untuk mempercantik tampilan halaman web :
- Anda dapat membuat desain dan kerangka web secara terpisah.
- Anda dapat mengatur desain menjadi lebih efisien.
- Jika Anda ingin mengubah suatu tampilan dari halaman web maka Anda hanya perlu mengedit pada bagian CSS nya saja.
- Dapat mengatur desain yang tidak dapat dilakukan oleh HTML.
- Ukuran file nya jauh lebih kecil
- Satu file CSS dapat Anda gunakan pada banyak halaman HTML
Berikut ini adalah contoh dari penggunaan CSS :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Menggunakan CSS</title>
</head>
<body>
<p style="color:red">
Membuat tulisan berwarna merah
</p>
<p style="font-style:bold;">
Membuat tulisan bercetak tebal
</p>
</body>
</html>
Jika Anda coba kode diatas maka akan menghasilkan 2 paragraf berbeda yaitu satu paragraf berwarna merah dan satu paragraf dengan tulisan bercetak tebal. Contoh penggunaan CSS diatas adalah inline-style yang berarti kita meletakan CSS nya masih di dalam baris kode HTML.
EmoticonEmoticon