ilmuzone.wap.sh | Jenis_penulisan

No Preview

Di postkan tanggal : 2012-05-21 | By : Satria

Jenis_penulisan_css
Untuk menuliskan code css, ada 3 cara yang dapat digunakan.

Inline css
Internal css
External css

1. Inline css
Inline css digunakan/ diletakkan di dalam tag html, kelemahan dari cara ini adalah,

1. Size file html menjadi lebih besar
2. Memakan banyak waktu, dikarenakan harus mengedit css style per tag

Contoh penulisan :

<p style="color:#ff0000; margin:1px"> contoh penulisan css inline </p>

2. Internal css
Penulisannya diantara tag <head> dan </head> dan berada di antara tag <style type="text/css"> dan </style> . Kelemahanya dari cara ini adalah:

1. Size File html menjadi lebih besar,
2. Pengeditan css stylenya kurang efektif, karena harus mengedit style css halaman demi halaman

Contoh penulisan

<style type="text/css">
p {color:#000000 ; text-align:left ;}
.anu {border:1px solid #888888;}
</style>

3. External css
Penulisan cssnya di file external yang berekstensi .css, misalnya creator_template.css, kelemahan dari cara ini :

Apabila file .css di letakkan di hosting yang berlainan, dikhawatirkan akan membuat load page menjadi lebih lama

Contoh penulisan di external file .css

div {color:#000000; text-align:center;}
.test{color:#999999}

Untuk pemanggilan di letakkan di antara tag <head> dan </head> misalnya,

<head> <link rel="stylesheet" type="text/css" href="alamat file.css" /> </head>

Sekian dulu celotehnya, semoga bermanfaat.

Statistic = Dilihat : 12609 x | Terima kasih telah membaca - semoga bermanfaat

| | | Komentar

Postingan terbaru