VISITOR

9 April 2013

Penjelasan CSS / Cascading Style Sheet

Selamat pagi sobat blogger semua,,, kembali saya akan menyampaikan pengetahuan saya tentang penjelasan dari CSS atau CASCADING STYLE SHEET. Berdasarkan pada pemahaman saya sendiri CSS atau Cascading Style Sheet adalah sebuah style sheet language yang digunakan untuk merubah atau meningkatkan tampilan design pada halaman HTML sobat dengan cara yang terorganisir dan efisien. CSS juga dapat digunakan untuk mengontrol semua aspek visual dari sebuah halaman web. Ini termasuk warna, huruf, layout dan masih banyak lagi yang lainnya. CSS sangat penting untuk HTML karena CSS merupakan penghubung antara konten dan design dalam sebuah halaman web. CSS biasanya dipisahkan kedalam dua tipe :
  1. Internal CSS : CSS yang terdapat dalam halaman HTML.
  2. Eksternal CSS : CSS yang disisipkan/ditambahkan pada halaman HTML.
Pada umumnya, menggunakan Eksternal CSS lebih di anjurkan karena  memberikan konsistensi untuk site-wide dan mengurangi kompleksitas atau pengulangan dari pada menggunakan Internal CSS. Adapun keuntungan apabila sobat menggunakan CSS adalah :
  •  Menambahkan tampilan baru pada halama HTML sobat.
  •  Meperbaharui seluruh tampilan website/blog sobat hanya dengan sedikit merubah/menambahkan kode CSS.
  • Mebuat setiap halaman web/blog sobat menjadi lebih interaktif dan menarik.
Sobat dapat menambahkan kode CSS ke dalam halaman HTML sobat dengan cara :
  • Menggunakan file CSS.
  • Menggunakan elemen <style> pada bagian head HTML sobat.
  • Menggunakan atribut  "style" pada setiap elemen HTML sobat (misalnya, <p style = "...">...</p> ).
Dibawah ini contoh-contoh penggunaan CSS pada halaman HTML.

Contoh penggunaan CSS untuk warna latar belakang pada halaman HTML :

Maka tampilan dari contoh di atas adalah sebagai berikut:



Properti yang digunakan untuk menampilkan warna latar belakang adalah "background-color".

Contoh penggunaan CSS untuk huruf, warna dan ukuran huruf:
maka tampilan yang akan ditampilkan dari contoh diatas adalah sebagai berikut :





Penjelasan untuk properti yang digunakan diatas adalah sebagai berikut:
  • Properti "font-family" digunakan untuk menentukan jenis huruf yang akan ditampilkan.
  • Properti "color" digunakan untuk menentukan warna yang akan ditampilkan.
  • Properti "font-size" digunakan untuk menentukan ukuran huruf yang akan ditampilkan.
Sampai disini dulu postingan saya untuk kali ini. Mohon diluruskan apabila ada kesalahan atau kekurangan dalam penulisan artikel ini. Semoga apa yang saya sampaikan bisa bermamfaat buat sobat blogger semua.

6 komentar:

  1. teruskan bro, mantap artikel nya, ijin nyimak ya.

    BalasHapus
    Balasan
    1. silahkan sob TCC,mohon pencerahannya kalau ada kekurangan dri atikrl ini. trims buat kunjungam dan kmentarnya.

      Hapus
  2. thnaks buat postingannya ya bro

    BalasHapus

Beri komentar Sobat untuk memperbaiki kekurangan dan kesalahan pada Blog ini dengan bahasa dan etika yang benar!!!! terima kasih