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.
0 komentar:
Posting Komentar