2013-03-10

Mulai Belajar CSS Syntax

Kemarin saya posting tentang Pengertian apa itu CSS beserta sejarah CSS yang bisa disimak disini --> , sekarang sedikit tulisan tentang mulai menggunakan CSS, perli diketahui bahwa CSS tidak masuk dalam kategori "Bahasa Pemograman" melainkan untuk pengatur dan pengendalikan tampilan sebuah element saja yang beda dengan PHP dan sejenisnya.

Secara dasar CSS dibagi menjadi 3 bagian yaitu :

  1. Selector : Ini merupkan sebuah elemen pada HTML yang akan kita kendalikan atau yang akan diatur tampilan / style-nya.
  2. Property : Property ini merupakan jenis atau atribut untuk menentukan tingkah laku element.
  3. Value  : Value merupakan isi daripada Property, dan setiap Property harus memiliki Value.
Contoh dasar CSS :


H1 {font-size:18px; text-align:center;color:red;}

  1. CSS dapat diawali dengan : H1, table, body,dll
  2. dilanjutkan dengan kurawal pembuka {
  3. Lalu deklarasi: property:value
  4. Titik koma ;
  5. terakhir yaitu kurawal penutup }
Contoh percobaan :

<html> 
  <head> 

<style>
h1 { 
   font:size:18px;
   color:red; 
   text-align:center; 

</style>

 </head> 
   <body> 

    <h1>Contoh CSS teks di Tengah Warna Merah</h1> 

   </body> 
</html>

- Untuk melihat hasilnya salin kode diatas pada Notepad
- Lalu Save as
- Beri saja nama cssdasar.html
- Save as type : All files
- dan Save

Sekarang bukalah di browser chrome, firefox atau opera dan lihat hasilnya,
Berikutnya akan saya tulis mengenai Penggunaan id/class


Dapatkan artikel terbaru seperti Mulai Belajar CSS Syntax langsung ke Email kamu..!!!