Senin, 13 Mei 2013

CSS Dasar

hay semua

pada postingan kali ini saya akan sedikit menjelaskan tentang apa itu CSS
CSS adalah bukan salah satu bahasa scripting yang biasa mengolah data pada back end
CSS biasa di gunakan untuk merias atau membuat tampilan sebuah website supaya terlihat lebih menarik pada saat di akses atau di tampilkan pada browser user

ok

CSS terdiri dari selektor, properti dan value

mari kita liat apa saja penjelasan berikut

1. yang pertama adalah selector
selektoir itu bagian yang akan kita beri hiasan atau apa yang akan kita rubah

misal ada kode HTML berikut

<h1>belajar CSS dasar </h1>

kita akan melakukan atau memberi sedikit hiasan pada kode diatas
maka yang perlu kita pahami adalah sebuah selektor
jadi kita menseleksi mana yang akan kita beri hiasan
jangan sampai kita salah menseleksi sehingga variasi yang kita lakukan berbeda

2. yang kedua adalah properti
properti bisa di ibarat kan sebuah tempat atau jenis hiasan yang akan kita berikan pada selekor yang telah kita pilih

misal ada kode HTML seperti berikut

<h1>belajar CSS dasar</h1>

kita sudah melakukan penyeleksian terhadap bagian selektor yang akan kita beri sebuah hiasan
kita akan memberi jenis hiasan tertentu pada selektor yang telah kita pilih

jadi pemahaman gampang nya itu properti ibarat sebuah tepat nya dan value itu sebuah isi dari tempat itu

3. dan yang ketiga itu value
value sudah kita singgung sedikit pada akhir pembahasan properti
ya itu value ibarat sebuah isi dari properti yang harus di isi jika kita mengharaplan ada perubahan dari selektor yang kita pilih, jenis hiasan yang telah kikta tentukan, dan hiasan seperti apa yang akan kita terap kan pada kide tersebut


baik contoh lengkap nya seperti berikut

kode HTML dengan nama CSSdasar.html


<html>
  <head>
  <title>Belajar CSS dasar</title>
 </head>
<body>
<h1> ini adalah bagian header pada seuatu website</h1>
</body>
</html

kode CSS dengan nama syle.css

h1{
 color : red;
}

sedikit penjelasan
kode CSS diatas adalah menyeleksi selektor h1 dengan memilih properti color dengan value red
dan jika di jalan kan isi dari kode HTML tersebut berwarna merah

terimakasih :)

Tidak ada komentar: