CSS

1.      Pengertian Css

       Cascading Style Sheet atau yang disingkat CSS memungkinkan untuk mendesain (style) tampilan dokumen (Php dan HTML) dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS). Jika kita memiliki banyak file HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada dokumen HTML yang telah jadi.

2.      Penempatan Css Pada Dokumen Html

Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:

a.       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:

Gambar 2.2 Penulisan Script Extertnal Style Sheet

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

b.      Internal Style Sheet

       Adalah cara penempatan css dengan menulis langsung di dalam file html yang ingin diatur tampilannya. Penulisan ini disisipkan diantara tag head  dengan diapit oleh tag style.

Gambar 2.3 Penulisan Script Internal Style Sheet

c.       Inline Style Sheet

       Adalah penulisan script css langsung pada tag html dengan menambahkan style di dalamnya.

Gambar 2.4 Penulisan Script Inline Style Sheet

3.      Manfaat CSS

a.       Kode HTML menjadi lebih sederhana dan lebih mudah diatur

b.      Ukuran file menjadi lebih kecil, sehingga load file lebih cepat

c.       Mudah untuk merubah tampilan, hanya dengan merubah file CSS saja

d.      Dapat berkolaborasi dengan JavaScript.

e.       Digunakan dalam hampir semua web browser.