CSS (Cascading Style Sheet)

Tentang CSS



CSS itu sendiri adalah aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman, sama halnya styles dalam aplikasi pengolahan data seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas file. pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. Ada 3 jenis cara dalam penggunaan CSS, yaitu : 
1. External Style Sheet
2. Internal Style Sheet
3. Inline Style Sheet

External Style Sheet
adalah CSS yang dibuat dalam file terpisah dengan ekstensi file .css, untuk memanggilnya menggunakan script html yang disisipkan antara tag head sebagai berikut :

<link rel ="stylesheet" type="text/css" href="direktori/filecss.css" />

pada bagian href tersebut tinggal diisi mengarah ke direktori dimana anda menempatkan file cssnya. penggunaan sistem embeding css ini sangat disarankan karena memang banyak kelebihan yaitu mudah untuk melakukan pengeditan, mengatur semantik dan praktis terkumpul dari satu file.

Internal Style Sheet
adalah cara embending css dengan menulis langsung di dalam file html yang ingin kita atur tampilannya. penulisan ini disisipkan diantara tag head juga dengan diapit oleh tag style. berikut contohnya : 

<style type="text/css">
body{
background:#cccccc;
font-family:Arial;
}
</style>

Inline Style Sheet
adalah penulisan script css langsung pada tag html dengan menambahkan style di dalamnya. contoh :

<p style="font-size:20px;">Tulisan yang ini di atur </p>

dua cara terakhir diatas tidak disarankan digunakan karena agak ribet untuk memperbesar file setiap html anda sekaligus harus menulis di beberapa tempat sekaligus, kecuali memang sangat darurat. darurat disini berarti memang tampilan segera dibutuhkan oleh pengguna saat itu sedangkan anda sedang membuka file itu dan tidak sempat membuka file css karena keterbatasan koneksi misalnya.Namun dalma penggunaan CSS ini akan memudahkan anda diwaktu kedepan dalam hal update dan editing. thanks :)  


SUMBER :
http://bptik.unnes.ac.id/artikel/perkenalan-dasar-tentang-css/

0 komentar: