Tutorial Belajar CSS Part 1: Pengertian CSS, Apa yang dimaksud dengan CSS?
CSS atau Cascading Style Sheets merupakan bahasanya desainer web. Namun bergotong-royong apa yang dimaksud dengan CSS? Ardi-It Teknologi akan membahas pengertian CCS dalam artikel ini.
Pengertian CSS
Dalam bahasa bakunya, menyerupai di kutip dari wikipedia, CSS yakni “kumpulan aba-aba yang dipakai untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya yakni HTML.
Untuk pengertian bebasnya, CSS yakni kumpulan aba-aba jadwal yang dipakai untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita dapat mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua aba-aba tag HTML.
CSS biasanya selalu dikaitkan dengan HTML, sebab keduanya memang saling melengkapi. HTML ditujukan untuk menciptakan struktur, atau konten dari halaman web. Sedangkan CSS dipakai untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”.
Fungsi dan Kegunaan CSS
Awal mula diperlukannya CSS dikarenakan kebutuhan akan halaman web yang semakin kompleks. Pada awal kemunculan HTML, kita dapat menciptakan suatu paragraf bewarna merah dengan menulis pribadi aba-aba tersebut didalam tag HTML, atau menciptakan latar belakang sebuah halaman dengan warna biru. Contoh aba-aba HTML untuk hal itu yakni sebagai berikut:
Saya memakai tag untuk menciptakan beberapa kata di dalam paragraf tersebut berwarna-warni. Hal ini tidak salah, dan semuanya berjalan sesuai keinginan. Untuk sebuah artikel yang mempunyai 5 Table, kita tinggal copy-paste tag pada table-tabel tertentu.
Dalam kondisi inilah CSS mencoba ‘memisahkan’ tampilan dari konten. Untuk paragraf yang sama, berikut aba-aba HTML kalau ditambahkan aba-aba CSS:
Dalam teladan CSS diatas, saya mengubah tag menjadi tag . Tag sendiri merupakan tag yang tidak bermakna, namun dapat di kostumasi memakai CSS. Tag span saya tambahkan dengan atribut atribut class=”warna”. Atribut class mempunyai kegunaan untuk memasukkan aba-aba CSS pada tag
Sumber http://beritatecnologi.blogspot.com
EmoticonEmoticon