Selasa, 14 Januari 2014

Cascading Style Sheets (CSS)

Kelebihan
  • Menyederhanakan perancangan halam web
  •  Memudahkan pemeliharaan halaman web
  • Memperkecil ukuran File HTML
Kelemahan
  •  Halaman web mungkin tidak di tampilkan dengan benar  pada browser sesuai spesifikasi CSS

Versi CSS
  • CSS1> Desember 1996
  • CSS2>1998
  • CSS2.1
  • CSS3>Riset

Rule 

Terdiri dari tiga bagian : Selector, Property Dan Value
* Selector :Elemen  atau Tag HTML normal yang anda ingin di defenisikan(disebut juga dengan element selector)
*Property :Atribut yang anda ingin pilih , dimana masing masing property dapat di beri sebuah nilai
*penulisan antara Property  dan Value dipisahkan oleh tanda titik dua  dan di buka dengan tanda { dan di tutup dengan }
Contoh 
body {color :black;}
P{font-Family: Sans-serif;}
P {font-align:center;color: Red;}
P{
      Text-align:center;
       color:black;
      Font-family:arial;}

Deklarasi CSS
    Global
 <html>
<head>
       <title>judul</title>
       <Style type="text/css">
       <!--
             ....
              isi style
             .....
       ...> 
      </style>
</head>
<body>
.....
Isi dokumen
....
</body>
</html>

17 Nama warna standar di Css2.1

* Black   *Gray   *Silver  *White  *Maroon   *Red  *Purple
*Fuchsia  *Green   *Lime  *Olive  *Olive   *Yellow   *Navy
*Blue    *Teal  *Aqua  *Orange

Css Backgorund 

 * Background :Property  untuk pengaturan  keseluruhan property  background  dalam sebuah deklarasi
* Background-Attacment :Mengatur apakah gambar latar tetap atau bergulung Terhadap keseluruhan halaman
* Background-Color: Mengatur warna latar dari sebuah elemen
* Background-Image: mengatur gambar sebagai latar
* Background-Position: Mengatur Posisi awal dari gambar latar
*  Background-Repeat: Mengatur Perulangan Gambar latar  dan bagaimana perulangannya

Css Text

* Color: Mengatur Warna tulisan 
* Direction : Mengatur Arah pembacaan tulisan 
* Line Height: Mengatur jarak Antara baris 
* Letter-Spacing : Mengatur spasi antara Karakter
* Text-align: Mengatur perataan  pada sebuah elemen 
* Text-Decoration:Menambah dekorasi Pada Tulisan  
 

Tidak ada komentar:

Posting Komentar