CSS

Cara kerja CSS dengan penerapannya

CSS kepanjangan dari Cascading style sheet adalah sebuah dokumen yang digunakan untuk mengatur atau melayout desain web dalam tag HTML. Dengan adanya sebuah CSS inilah kemudian dapat dikembangkan sedemikian rupa tampilan web menjadi lebih menarik dan indah. Kehadiran CSS ini berdampak web lebih ringan di akses sehingga banyak di antaranya para desainer web beralih menggunakan CSS ini karena mampu menghindari pengulangan dalam penulisan tag HTML dan filenya memang ukurannya lebih kecil.

Namun sebuah kerangka desain web tidak mutlak dengan CSS dengan butuh imagenasi untuk penerapannya juga dengan HTML. CSS berisi sintak-sintak yang butuh di pahami dan di pelajari, karena memang butuh pembelajaran dan keahlian khusus dalam penkodean sintaknya tersebut. Dalam desain sebuah CSS tersebut paling tidak juga kita harus membuat sebuah simulasi yaitu dengan mencoba membuka beberapa browser contohnya Mozilla Firefox, Internet Explorer, Google Croome dan lain-lain sehingga dalam penerapannya dapat dibuat padu antara CSS dan Browsernya. Yang jelas dengan kalau anda sering melihat style CSS maka akan mudah memahami, atau gunakanlah Dreameweaver untuk mengeditnya.

Contoh-contoh lain css :

Membuat menu horizontal css tanpa javascript

Membuat desain tampilan fixed tetap css

Adapun bagaimana sebuah dokumen CSS ini penerapannya ada 3 Teknik yaitu

  1. Internal style sheet
  2. External style sheet
  3. Inline style sheet

1 Internal style sheet (Penulisan CSS diantara tag <head></head>)

Penulisan Internal style ini dalam penulisannya dokumen css di tulis dalam satu halaman di cssnya tersebut. Dan dalam penulisannya dokumen tersebut diampit diantara tag <head></head> seperti contoh di bawah ini

 

2. Eksternal CSS (Penulisan CSS dari luar dokumen HTML)

Pada Ekternal CSS ini dokumen di lakukan di luar dokumen, penulisan dokumen ini lebih banyak digunakan oleh desainer CSS, sehingga dalam pembuatanya dapat mudah di kontrol dan bisa multi dokumen CSS seperti contoh di bawah ini dengan melinkkan url CSS dari luar

 

3. Inline CSS (Penulisan di tuliskan dalam tag HTML)

Penulisan Inline CSS adalah penulisan dalam tag HTML, penulisan ini tidak seluwes diantara 2 penulisan CSS di atas, karena kurang bisa mengontrol tampilan template / dokumen yang lebih besar ada kalanya hanya di pakai ketika saat di perlukan alias manual CSS berikut contohnya

Demikian artikel yang saya tulis semoga bisa bermanfaat untuk kita semua :) Untuk hasil desain dan downloadnya saya contoh kan di bawah ini

Cara kerja CSS dengan penerapannya

Cara kerja CSS dengan penerapannya

 

Download file di bawah ini

Download file contoh

Oh ya temen-temen jangan lupa tinggalin komentar ya, saran, kesan dan kritiknya di bawah. Untuk membangun blog yang lebih baik ke depannya. dan slamat berkunjung kembali di mampiro.com :)

Mohon maklum adanya file-file mampiro sudah dihapus oleh pihak ziddu... kami dari pihak mampiro.com akan mereparasinya kembali.., terima kasih sudah berkunjung


2 comments

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">