3 cara memasukan css
pendahuluan : cara untuk memasukan sebuah css ke template ada 3 cara
setelah saya telusuri dengan seksama ternyata
Ada tiga cara untuk memasukkan sebuah css style sheet:
Eksternal style sheet
Internal style sheet
style inline
1.Eksternal Style Sheet
Sebuah style sheet eksternal adalah ideal ketika style diterapkan pada banyak halaman.
Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>.
tag <link> masuk ke dalam bagian head:
contoh:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</ Head>
Sebuah style sheet eksternal dapat ditulis dalam editor teks apapun.File tersebut seharusnya tidak berisi tag html.Style sheet Anda harus disimpan dengan ekstensi css..
Sebuah contoh dari sebuah file style sheet adalah sebagai berikut:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url ("images/back40.gif");}
Catatan: Jangan memberi spasi antara nilai properti dan satuan!
"Margin-left: 20 px" (bukan "margin-left: 20px") akan bekerja di IE, tapi tidak di Firefox atau Opera.Internal Style Sheet
2.internal style sheet
Sebuah style sheet internal harus digunakan bila dokumen tunggal memiliki style yang unik. Anda mendefinisikan gaya internal di bagian kepala halaman HTML, dengan menggunakan tag <style>,
seperti ini:
<head>
<style type="text/css">hr {color: sienna;}
p {margin-left: 20px;}body {background-image: url ("images/back40.gif");}
</ Style>
</ Head>
3.Inline Styles
inline styles :akan kehilangan banyak keuntungan dari style sheet dengan mencampurkan konten dengan presentasi. Gunakan metode ini hemat!
Untuk menggunakan style inline Anda menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS.
Contoh ini menunjukkan bagaimana untuk mengubah warna dan margin kiri paragraf:
<p style="color:sienna;margin-left:20px">
Ini adalah sebuah paragraf. </ p>
Beberapa Style Sheets
Jika beberapa properti telah ditetapkan untuk pemilih yang sama dalam style sheet yang berbeda, nilai-nilai akan diwariskan dari style sheet yang lebih spesifik.
Sebagai contoh,
sebuah style sheet eksternal memiliki sifat-sifat untuk pemilih
h3:h3{warna: merah;text-align: left;font-size: 8pt;}
Dan style sheet internal memiliki sifat-sifat untuk pemilih h3:h3{text-align: right;font-size: 20pt;}
Jika halaman dengan internal style sheet juga link ke style sheet eksternal properti untuk h3 akan menjadi:warna: merah;text-align: right;font-size: 20pt;
Warna diwariskan dari style sheet eksternal dan teks-alignment dan ukuran font diganti oleh internal style sheet.Beberapa Styles Akan Cascade ke Satu
style dapat ditentukan:
dalam sebuah elemen HTML
di bagian kepala halaman HTML
dalam sebuah file CSS eksternal
Tip: Bahkan beberapa style sheet eksternal dapat dirujuk di dalam dokumen HTML tunggal.Cascading rangka
apa style akan digunakan ketika ada lebih dari satu gaya yang ditentukan untuk elemen HTML?
Secara umum kita dapat mengatakan bahwa semua gaya akan "cascade" menjadi lembaran baru "virtual" gaya oleh aturan berikut, di mana nomor empat memiliki prioritas tertinggi:
Browser default
Eksternal style sheet
Internal style sheet (di bagian kepala)
Inline style (di dalam elemen HTML)
Jadi,style inline (di dalam elemen HTML) memiliki prioritas tertinggi, yang berarti bahwa ia akan menimpa style didefinisikan dalam tag <head>, atau dalam style sheet eksternal, atau dalam browser (nilai default).
Catatan Catatan: Jika link ke style sheet eksternal ditempatkan setelah internal style sheet di <head> HTML, style sheet eksternal akan menimpa internal style sheet!
semoga bermanfaat .terimakasih
tutorial lengkap cara membuat blog/web, mulai dari paling dasar hingga mencapai profesional, kumpulan berita menarik dan kumpulan artikel facebook menarik untuk di baca
Sunday, September 18, 2011
3 cara memasukan CSS
Diposkan oleh
Aldi
di
7:23 AM
Anda sedang membaca artikel tentang 3 cara memasukan CSS dan anda bisa menemukan artikel 3 cara memasukan CSS ini dengan url http://cara-blog-indonesia.blogspot.com/2011/09/3-cara-memasukan-css.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel 3 cara memasukan CSS ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link 3 cara memasukan CSS sumbernya.
Label:
Penjelasan CSS
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
silakan tulis komentar anda