halida's

my life, my love, and my journey

sedikit sintaks css Juli 26, 2007

Filed under: Komputer — halida ernita @ 2:36 AM
Tags:

Rangkuman hasil membaca sebuah buku css, yang aku gunakan untuk merancang sistem sewaktu PKL, ternyata gak sulit make css

class->aksesnya menggunakan titik
id->aksesnya menggunakan #

contoh:

#center.p{
width:500px;
padding: 20px 20px 20px 20px;
}

pada contoh di atas idnya bernama center dan classnya p, dengan width 500px dan padding 20 atas,kanan,bawah,kiri.

Berikut ini merupakan beberapa yang pengaturan dalam css
//model huruf mau italic, bold, atau underline, atau normal
font-style:italics

//tipe huruf
font-family:Monotype Corsiva,cursive;

//warna huruf
color:red;

//ukuran huruf mau smaller, larger, medium. x-large,xx-large
font-size:smaller
atau pake ukuran
font-size:90%

//spasi huruf
letter spacing:-2 px;

//spasi kata
word-spacing: 15 px;

//spasi baris
line-height:1.5;

//text align mau left,right,center, atau justify
text-align:center;

//vertikal align mau top,middle,bottom,text-top,text-bottom,super,sub
vertical-align:top;

//text decorations->underline,overline, line-through,blink
text-decoration:blink;

//change case
capitalize->huruf awal setiap kata
uppercase->semua huruf besar
lowercase->semua huruf kecil
none->sesuai yang dituliskan
text-transform:capitalize;

//font
font:22pt monospace;

//tipe bulleted
ul{list-style-type:disc;}
bisa juga pake image
ul{list-style-image:url(diamond.gif)}

//background
background-image: url(diamond.gif)
background-color:blue
//mau repeat apa nggak bisa repeat,repeat-x,repeat-y,atau no-repeat
background-image: url(diamond.gif) repeat

//html u form
<form action=”” method=”get”>
<input type=”text” name=”yourname”>
<textarea name=”feedback” rows=”5″ cols=”60″>
<input type=”submit” value=”send it in”>
</form>

//drop-down
<b>satuan kerja<b>
<select name=”foundus”>
<option selected=”selected”>(pilis satu)</option>
<option>PAPPIPTEK</option>
<option>Deputi</option>
</select> <br />

//radio button
<b>Tembusan:</b>
<input type=”radio” name=”bagian” value=”Tata Usaha” />
<input type=”radio” name=”bagian” value=”Kepegawaian”>
<br /><br />

//misalkan hanya 3 baris yang ditampilkan dari banyak pilihan
<b>satuan kerja<b>
<select size=”3″ multiple=”multiple” name=”satker”>
<option selected=”selected”>(pilis satu)</option>
<option>PAPPIPTEK</option>
<option>Deputi</option>
<option>UPT</option>
<option>Deputi keilmuan</option>
<option>Deputi…</option>
</select> <br />

//kalo button submit
<input type=”submit value=”Kirim” name=btnkirim>

//input type itu ada beberapa macam
-text,checkbox,radio,password,submit,reset

 

One Response to “sedikit sintaks css”

  1. Raja Molor Says:

    Thanks atas infonya,,,,,

    klo ada tulisan laen tentang css share2 qt ya…….

    eh,,,,tukaran link yok………


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