sedikit sintaks css

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

~ by halidaernita on July 26, 2007.