CASCADING STYLE SHEET (CSS)

MODUL II


CASCADING STYLE SHEET (CSS)


I. PENGERTIAN CSS
Cascading Style Sheet adalah suatu teknologi yang digunakan untuk
memperindah tampilan halaman website (situs). Dengan Metode CSS
keseluruhan warna dan tampilan yang ada di situs web dapat
dirubah/diformat ulang dengan cepat. CSS juga telah di standartkan oleh
World Wide Web Consortium (W3C) untuk di gunakan di web browser.
Penulisan CSS

Contoh :

merah, meriah euy...

II. ISTILAH-ISTILAH DALAM STYLE SHEET
1. Style rule
Cascading style sheet merupakan kumpulan aturan yang
mendefinisikan style dari document. Sebagai contoh kita bisa
membuat aturan style yang menentukan bahwa semua

di
tampilkan dengan warna orange.
2. Style sheet
Style sheet dapat di-embedded ke HTML document. Atau disebut
embedded style sheet. Style sheet juga bisa dibuat sebagai external
file dan di link ke document HTML. Style role bisa di kenakan pada
bagian tertentu dari web page. Sebagai contoh anda bisa menentukan
paragraph tertentu di tampilkan dengan style bold dan italic
sementara yang lain tetap seperti biasa.
3. Selector
selector { property1: value; property2:value, . . .}
h1{ color:green; background-color:orange}
Style sheets terdiri dari dua bagian:
a. Selector
Bagian pertama sebelum tanda “{}” disebut selector
b. Declaration
Terdiri dari properti dan nilainya.
Modul Praktikum Pemrograman Web D3TI
STMIK AMIKOM YOGYAKARTA 3
III. PEMAKAIAN ELEMEN STYLE
Mari kita mulai dengan mengatur warna huruf dan latar belakang. Anda
dapat mengerjakan ini dengan menggunakan elemen style untuk
mengatur karakter kode tag dokumen anda.