CARA INPUT CSS KE HTML
Assalamu'alaikum Wr. Wb
Hai sobat semua, terima kasih sudah mengunjungi blog saya. Sebelumnya kita sudah belajar tentang Sintak dasar pada CSS. Untuk kali ini kita berlanjut ke Cara INPUT CSS ke HTML.
Langsung saja yukk..
Ada 3 cara untuk memasukan style sheet :
- Style sheet Eksternal
- Style sheet Internal
- Style Inline
STYLE SHEET EKSTERNAL
Dengan style sheet eksternal, kita dapat mengubah tampilan seluruh situs web dengan hanya mengubah satu file saja.
Setiap halaman harus menyertakan referensi ke file style sheet eksternsl dalam elemen <link>. Elemen <link> berjalan didalam <head>.
Contoh :
Style sheet eksternal dapat ditulis dalam teks editor. File tidak harus mengandung tag html. File style sheet harus disimpan dengan ekstensi .css
Hasilnya :
STYLE SHEET INTERNAL
Style sheet internal dapat digunakan jika satu halaman tungal memiliki style yang unik.
Style Internal didefinisikan dengan elemen <style> didlam <head> halaman HTML :
Contoh :
Hasilnya :
STYLE INLINE
Style Inline dapat digunakan untuk menerapkan gaya yang unik utnuk elemen tunggal.
Untuk menggunakan style inline, tambahkan atribut style untuk elemen yang relevan. Atribut style dapat berisi properti CSS.
Contoh :
Hasilnya :
Silakan dicoba sendiri sobat. Apabila ada pertanyaan silakan tinggalkan jejak dikolom komentar. Terima Kasih.
Ada 3 cara untuk memasukan style sheet : Style sheet Eksternal, Style sheet Interna, Style Inline.
Referensi :
http://www.w3schools.com/css/css_howto.asp
Wassalamu'alaikum Wr. Wb