Jenis-Jenis CSS

Hello readers! Jumpa lagi di post selanjutnya. Haha lagi kebanyakan ide ini jadi banyak post sekaligus menunggu persetujuan AdSense. Ok langsung saja kita masuk ke Jenis-jenis CSS!

Jenis CSS secara umum ada 3 antara lain :

1. Inline


Inline digunakan untuk mengatur CSS secara langsung tanpa tag <style> contohnya seperti ini:

<a href="http://feichangzhidao.blogspot.com" style="color=blue;">Hai!</a>

Bagian yang berwarna biru adalah CSS Inlinenya. Dan seperti inilah hasilnya:

2. Internal CSS


Internal berbeda dengan Inline karena pengaturan CSS tipe Internal dilakukan diantara tag <style> atau dalam blog biasanya <b:skin>. CSS tipe inilah yang biasa digunakan oleh para blogger. contohnya seperti ini :

<style>




#masbro {background-color=#FFFFFF;}


</style>

Bagian yang warna merah adalah property yang diatur dalam tag <style> biasanya menggunakan selector id ataupun class agar dapat dipanggil sewaktu-waktu tanpa harus mengetik lagi. Dari sisi praktis jelas lebih praktis yang ini daripada Inline. Hasilnya :




3. External CSS


Eksternal CSS biasanya digunakan oleh para webmaster/web designer. Untuk membuatnya biasanya menggunakan Notepad++ (atau yang lainnya) lalu disimpan dengan ekstensi .css dan sewaktu-waktu bisa dipanggil menggunakan :

<link rel="stylesheet" type="text/css" href="Nama file CSS"/>
ganti tulisan merah dengan file CSS-mu

Fungsi dari tag diatas adalah untuk memanggil file CSS ke web. Jika dibandingkan dengan internal maupun Inline maka jelas paling praktis yang ke-3 ini karena tinggal dengan format diatas saja (Dengan catatan anda tidak menerapkannya pada blog).

Sekian dulu ya tutorial kali ini! Sampai jumpa lagi di tutorial depan!

0 Response to " Jenis-Jenis CSS "

Posting Komentar