CSSXII RPL

Oleh : Ki Zulfahrizal

PengertianCSS = Cascading Style Sheet

CSS Yaitu salah satu bahasa style sheet untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam

KelebihanCSS memisahkan antara Desain dan Konten

Web/BlogMenghemat 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)

KekuranganTidak semua browser mengartikan sintaks -

sintaks CSS sama

Syntaxselector {   property : value ;          }

Selector : Tag HTML / ID (#namaid) / Class (.namaclass)Property : Atribut dari tag HTMLValue : Nilai dari property

KomentarSebuah komentar CSS diawali

dengan “/*”, dan diakhiri dengan “*/”

Contoh :/*This is a comment*/

Contoh Penulisan Tag HTMLp {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 CSSFile CSS memiliki ekstensi .cssUntuk menyimpan file CSS harus berada

dalam satu folder dengan file web

Menghubungkan HTML dengan CSSKetikkan 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" />