Apa Itu CSS ? Inilah Pengertian dan Fungsinya

Apa Itu CSS ? Inilah Pengertian dan Fungsinya - Bagi designer web css adalah hal yang tidak boleh di tinggalkan selain HTML, tanpa css tampilan suatu halaman web tidak akan terlihat indah dan rapih. Dengan kode css inilah kita dapat melihat berbagai macam warna dan desain web yang menarik. Kode CSS dan HTML sangat berkaitan erat keduanya saling melengkapi satu sama lain, tidak di pungkiri mereka adalah cinta sejati yang tidak akan terpisahkan dalam desain web. Fungsi-fungsi dari kode css sangatlah flexible, karena css hanya dapat menyesuaikan dirinya dengan kode ID dan Class pada bagian html, dan tidak mutlak dalam penggunaanya sehingga kita bisa bebas mengisinya dengan kata-kata kita sendiri, namun untuk bagian inti css kita tidak dapat mengisinya sesuai dengan keinginan kita.

Baca Juga : Apa Pengertian dan Fungsi HTML

Apa Itu CSS ?

Cascading Style Sheet (CSS) adalah bahasa pemrograman standar yang digunakan untuk mendesain tampilan dari suatu halaman web. CSS juga berfungsi untuk mengatur sebuah komponen yang terdapat pada kode markup (HTML) agar menjadi lebih terstruktur. Dengan menggunakan css suatu halaman web yang dibangun dengan kode html akan menjadi lebih baik dan rapih dibandingkan dengan halaman web yang tidak menggunakan kode css ini. Nah, dengan penjelasan css diatas semoga Anda sudah paham mengenai pengertian css, namun dibawah ini akan saya jelaskan beberapa versi css dan fungsi dasar dari kode css.

Versi CSS Hingga Saat Ini

Dimulai pada tahun 1996 versi css hingga saat ini terus berkembang sehingga memberikan nilai baik bagi web designer hingga tahun 2016 versi css sudah masuk ke versi 3 yang artinya dalam waktu 20 tahun kode css berkembang dengan baik, nah berikut perkembangan css hingga sampai sekarang :

• Tahun 1996 : W3C menetapkan CSS1 sebagai bahasa pemrograman standar dalam pembuatan web.
• Tahun 1998 : W3C menyempurnakan kode CSS1 sehingga menciptakan kode standar CSS2.
• Tahun 2000 : CSS3 mulai dikembangkan hingga sampai saat ini.

Apa Fungsi CSS ?

Secara keseluruhan CSS memiliki fungsi dan tujuan utama yaitu untuk web desain agar tampilan terlihat menarik dan interaktif. Namun dalam pemrograman css dapat berfungsi untuk mencari atau memilih beberapa kode elemen dari tag html misalnya id, class, attribute, name dan lainnya. Fungsi dari tiap-tiap poperty css sangatlah banyak, bahkan lebih banyak dibandingkan dengan fungsi dari element html.

Kita ambil contoh sederhana css yang berfungsi untuk selector atau milih kode yang ada di html :

Kode HTML :

<p>Tulisan di Tengah Warna Merah</p>

Kode CSS :

p{text-align:center;color:red}

Anda bisa mencobanya langsung disini https://jsfiddle.net/kreasikan/7dwg6bwh/

Apa Saja Kode atau Poperti CSS ?

CSS memiliki properti yang sangat banyak dibandingkan dengan HTML, kode properti css dari versi pertama hingga ketiga akan saya jelaskan pada potingan khusus, namun kali ini saya akan menjelaskan secara singat beberapa kode poperti css dibawah ini :

• text-align berfungsi untuk mengatur letak teks, kita dapat mengisi value dengan center, left, right.
• color berfungsi untuk memberikan warna pada teks, valuennya kode warna hex, rgb, atau nama warna (dalam bahasa inggris, contoh : red, blue, yellow, green, brown, black).
• font-size berfungsi untuk memberikan nilai atau ukuran teks, pada umumnya value diisi dengan satuan pixel misalnya 12px.
• font-weight berfungsi untuk memberikan nilai tebal, tipis, atau normal pada teks, misalnya kita akan menulis huruf tebal maka value bisa diisi bold atau 700. Jika menggunakan angka kita harus melihatnya dulu pada source atau sumber font yang kita gunakan.

Masih banyak lagi fungs-fungsi dari masing-masing properti css, kita akan membahasnya secara berkala, untuk dapat mendalami lagi mengenai kode css kita dapat belajar bersama disini.

Dari penjelasan di atas semoga Anda dapat memahami mengenai kode css, namun kita harus tetap belajar agar dapat mengerti fungsi dari tiap-tiap kode properti css, untuk itu saya akan menulisnya kembali di artikel selanjut mengenai kumpulan kode properti css yang bisa Anda gunakan sebagai referensi untuk menggunakan kode css pada desain web.

Cara Manual

Cuman hobi nulis tentang tutorial blog jadi deh blog cara manual.

Bagikan Artikel ini