Saatnya mengenal CSS !!!

November 28, 2006 at 1:13 pm (Design Grafique)

CSS (Cascading Style Sheets) digunakan untuk untuk mengontrol tampilan / layout halaman yang banyak secara bersmaan.

Dalam css ada 2 struktur penting yaitu.

1. Selector
2. Declaration Block
1. Declaration
– Property
– Value

Dua komponen ini merupakan syarat mutlak dalam mendesain CSS secara keseluruhan, sehingga CSS yang memnuhi syarat tersebut akan dapat di jalankan dengan sempurna.1. Selector
Sebuah selector merupakan sutu elemen pada halaman HTML, selector ini akan aktif jika di beri property dalam struktur CSS.

Adapun contoh Selector di bawah ini di tunjukkan dengan huruf tebal misal h1,p,td:
h1 { color:blue; margin-top:1em; }
p { padding:5px; }
td { backround-coro:#ddd; }

2. Declaration block
Susunan element yang terdiri dari beberapa declarasi yang di dalamnya terdapat property dan value, diantara declarasi ini ditutup dengan kurung kurawa {}.

Adapun Contoh Selector dibawah ini ditunjukkan dengan huruf tebal
h1 { color:blue; margin-top:1em; }
p { padding:5px; }
td { backround-coro:#ddd; }

– Declaration
Declaration adalah suatu element page yang berfungsi untuk mengatur suatu halaman melalui component-component yang ada, element ini terletak di antara kurung kurawal dan didalam Declaration Block, sebagai contoh ditunjukkan dengan huruf tebal misal:

h1 { color:blue; margin-top:1em; }

– Property
Property adalah suatu element yang akan merubah tampilan pada halam web, tetapi element ini tidak akan berfungsi ketika belum ada valuenya, sebagai contoh ditunjukkan dengan huruf tebal:
h1 { color:blue; margin-top:1em; }

– Value
Value adalah suatu ukuran baik itu besar, lebar, panjang, ataupun letak posisi dalam pengaturan web, sebagai contoh di tunjukkan dengan huruf tebal:
p { padding:5px; }

ah….. Capek juga nulis tutorial css walapun hanya sedikittt…………………….
semoga tulisan ini bermamfaat dengan baikkkk……… selamat mencoba…. (jangan coba-coba).

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: