Seperti yang dibahas Episode sebelumya CSS adalah folder baru yang berfungsi untuk meambah kecantikan dalam website. Langkah-langkah dan code-code nya bisa di simak di bawah ini.
Cara menggunakan CSS:
- Buka file html di text editor
- Tuliskan code yang akan dikirim ke file main.css (code terletak pada tag (<>) biasanya disebut atribut)
- Buka file main.css
- Tuliskan sambungan code ada di main.css
CONTOH :
File html
<div class="header">
</div>
File main.css
.header {
bacground:yellow;
}
Keterangan diatas adalah tag <div>(kotak) yang ada di file html di beri code/atribut class dan elemen header. Di file main.css tag <div>(kotak) kita kasih background kuning .
Penulisan harus sama perses seperti yang sudah di contohkan ,jika salah satu hurufpun tidak akan terbaca oleh computer.
Tag <div></div> disini berada di dalam tag <body>berfungsi sebagai kotak ,jika kotak div di masuki tag <div></div> lagi maka ada kotak di dalam kotak dan seterusnya sesuai apa yang kita edit di website. Untuk mengedit kotak atau yang ada di dalam kotak tersebut kita kasih atribut dan elemen yang sudah kesambung ke file main.css sesuai yang di bahas di atas Contoh:
<body>
<div class="header">
<div clas="subheader">
contoh
</div>
</div>
</BodyCODE-CODE:
Di file html
- Atribut class
- Atribut href
- Atribut rel
- Atribut height
- Dll
Di file main.css
- Background
- Margin
- Color
- Padding
- Border
- text-align
- Dan masih banyak lagi
Lengkapnya bisa di lihat di( http://w3school.com/)
