CSS

XII RPL

Oleh : Ki Zulfahrizal

Pengertian
CSS = Cascading Style Sheet
CSS Yaitu salah satu bahasa style

sheet untuk mengendalikan beberapa

komponen dalam sebuah web
sehingga akan lebih terstruktur dan
seragam

Kelebihan
CSS memisahkan antara Desain dan Konten

Web/Blog
Menghemat penulisan kode, karena satu css
dapat dipakai beberapa kali
Mempersingkat waktu kerja, baik saat
membuat maupun saat modifikasi halaman
Web/Blog
Ukuran file HTML jadi lebih kecil, karena
biasanya CSS disimpan di file terpisah
(External Stylesheet)

Kekurangan
Tidak semua browser mengartikan sintaks -

sintaks CSS sama

Syntax
selector {
property : value ;

}
Selector : Tag HTML / ID (#namaid) / Class

(.namaclass)
Property : Atribut dari tag HTML
Value : Nilai dari property

Komentar
Sebuah komentar CSS diawali

dengan /*, dan diakhiri dengan */

Contoh :

/*This is a comment*/

Contoh Penulisan Tag

HTML
p{
color:red;
text-align:center;
}

Contoh Penulisan ID
#text {
color:red;
text-align:center;
}

Contoh Penulisan CLASS

. judul{
color:red;
text-align:center;
}

Menyimpan File CSS

File CSS memiliki ekstensi .css
Untuk menyimpan file CSS harus berada

dalam satu folder dengan file web

Menghubungkan HTML dengan CSS

Ketikkan code di bawah ini tepat di bawah :

<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<link href=<Tempat File CSS>"
rel="stylesheet" type="text/css"
media="screen" />
Contoh :
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<link href="css/tes.css" rel="stylesheet" type="text/css" media="screen"
/>