Apa itu CSS :
- Feature untuk membuat dynamic HTML.
- Style sheet mendeskripsikan bagaimana tampilan document HTML di layar (template)
- Membuat special efek (mendefinisikan style untuk <H1> dengan style bold dan italic dan berwarna biru)
- Support ke semua browser.
Aturan penulisan :
Nilai untuk property tidak boleh dalam tanda petik.
contoh :
color : green;
Nama property bersifat case sensitive.
color : green;
property : color value : green
Cara penggunaan CSS :
External Style Sheet Bentuk :
<link rel="stylesheet" type="text/css" href="css_files.css">
dimana :
‰ <link, merupakan tag pembuka diakhiri dengan tanda “>”
‰ rel="stylesheet", menerangkan halaman ini akan dikenai efek style sheet
‰ type="text/css", file yang dipanggil berupa css
‰ href=“css_files.css”, alamat dokumen stylesheet yang dipanggil.
Contoh Penggunaan :
script efek.css
body {
color: green; background: white;
font-family : arial;
}
<HTML>
<HEAD>
<TITLE>centranet</TITLE> <LINK REL="STYLESHEET"
TYPE="text/css" HREF="efek.css"> </HEAD>
<BODY>
<H1>PENS ITS</H1>
<P> PENS ITS adalah kampus teknik yang concern ke bidang elektro
</BODY>
Internal Style Sheet
Bentuk umum :
<style type=“text/css”> …definisi style…
</style>
ATURAN PENULISAN PADA CSS
Syntaxis CSS dibagi dalam 3 bagian :
selector {property : value}
dimana :
selector : tag HTML yang akan didefinisikan (body, H1, Link , dll). property : atribut yang akan diubah.
Cara penulisan :
FONT-FAMILY : sans-serif;
FONT-SIZE : small;
Cara mendeklarasikan kelompok : (tanda koma serta &)
H1, H2 {color : green};
H3, H4 & H5 {color : red};
Cara menuliskan komentar :
Menggunakan tanda : /* ….. */
• Menggunakan tanda : <!-- - - >
0 on: "pengenalan CSS"