Pengenalan CSS


CSS digunakan dalam kode HTML untuk m enciptakan suatu kumpulan style,sebuah definisi font yang diterapkan pada setiap sel dan bahkan tag <BASEFONT> pun tak berpengaruh pada sel-sel table. Dengan menggunakan tag <FONT> semua sel harus diformat dengan menggunakan <FONT SIZE=”2”>,tentu saja tindakan tersebut tidak praktis. Namun menggunakan CSS anda hanya perlu mendefinisikan style sekali saja dan style akan berlaku untuk setiap sel dalam table.

pasangan tag<STYLE>dan </STYLE>digunakan untuk mendefinisikan style sheet menggunakan css

sintaks Css terdiri dari tiga bagian yaitu selector,properi dan nilai ,

nama_tag{property_1;…….;property_n:nilai_n)

property dsan nilai dipisahkan dengan tanda titik dua,dan dikelilingi oleh kurung kurawal:

body (color:black}

contoh dibawah ini menunjukkan bagaimana untuk mendefinisikan sebuah paragraf dengan text rata tengah dan warna text merah:

p { text-align:center;color:red }

anda ingin memiliki dua tipe paragraph dengan format rata kanan,dan kedua paraghraf rata tengah,maka penulisannya sbb:

p.right { text-align:right }

p.center { text-align:center }

anda harus mengguanakan atribut class dalam dokumen HTML anda seperti berikut:

<p class=”right”>This paragraph will be right-aligned.</p>

<p class=”center”>This paragraph will be center-aligned.</p>

Dalam pasangan tag <STYLE>dan </STYLE>,anda bisa mendefinisikan suatu nama ID dengan bentuk seperti berikut

#nama_ID{ property_1;……;properti_n;nilai_n;}

Pada pendefinisian ini,awalan #selalu digunakan

Cara memberi nama ID:

dapat mengandung huruf,angka,atau karakter garis bawah

karakter pertama harus berupa huruf atau karakter garis bawah

membuat style bernama tebal yang mengatur teks agar dalam keadaan ditebalkan dan warnanya biru/.

#tebal { font –weight:bold;color:blue;}

~ oleh 12puby pada 3 Februari 2011.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: