1. Memahami tentang konsep CSS
2. Memahami aturan penulisan pada CSS
3. Memahami selector sebagai pengontrol design
4. Memahami pembuatan background
KONSEP CSS
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 danberwarna biru)
- Support ke semua browser
- Nilai untuk property tidak boleh dalam tanda petik. contoh : color : green;
- Nama property bersifat case sensitive.
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
<html>
<head>
<link rel="stylesheet"type="text/css"href="external.css">
</head>
<body>
<h1>header ini ukuran 36pt</h1>
<h2>paragraf ini warnanya biru</h2>
<p>paragraf ini letaknya sebelah kiri dengan jarak 50px</p>
</body>
</html>
Tampilan hasil
Tidak ada komentar:
Posting Komentar