CSS gaul learning part 1

yak.. dengan kebetulan gue sekolah di kejuruan TI ,gak ada salahnya buat adek adek kelas ata mungkin kakak kakak kelas gue sedikit berbagi cara buat CSS.

sebelum belajar css kamu perlu belajar HTML

CSS adalah singkatan dari Cascading Style Sheets. Kalau kamu baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke kode lain yang saling berhubungan.—Jadi kalau di tulis lengkap dalam bahasa Indonesia kira-kira arti CSS adalah: kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML.

jika kamu memiliki beberapa halaman website dimana kamu menggunakan font arial untuk tulisannya, lalu suatu hari kamu bosan dengan arial dan ingin mengganti ke trebuchet, kamu harus merubah satu per satu halaman website kamu dan merubah tipe font dari arial menjadi trebuchet. —Dengan menggunakan css, dimana semua halaman web memakai css yang sama, kamu cukup merubah satu baris kode css untuk merubah font di semua halaman web dari arial ke Times New Roman. Jadi, keuntungan menggunakan CSS, lebih praktis!

pesan:

Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi berantakan di browser yang lain. Jadi kamu harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser tertentu jika memang dibutuhkan agar tampilan web kamu terlihat baik di semua browser. 

Syntax / kalimat CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector, 1 property, 1 value. 

Format penulisan kalimat CSS:

                     selector { property: value } 

Selector itu untuk menunjukkan bagian mana yang hendak diatur / diformat. Property untuk menunjukkan, bagian (properti) dari selector yang hendak diatur.Value adalah nilai dari pengaturannya.

Contoh Syntax:

                     h1 { color: red; } 

h1 itu adalah selector (h1 adalah tag untuk header , maka h1 berpengaruh jika kamu menggunakan tag <h1></h1>). jangan lupa setelah selector untuk property dan value nya di dalam tanda { ... } , sementara color itu selector sebagai warna , dan red itu sebagai value nya, jadi h1 itu warna celana dalam mu merah :)

Pengelompokan Selectors
kamu dapat menulis satu kode CSS untuk berbagai macam selector dengan cara menggunakan koma. Misalkan kamu mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna merah, maka kode CSS nya menjadi
                             :h1,h2,h3 { color: red }

 Perhatikan penulisan h1,h2,h3 yang dipisahkan oleh koma

—Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).

—Contoh:

h1,h2,h3 {color:red; font-family:arial; font-size:150%;}

Disarankan untuk menulis kode CSS yang menggunakan beberapa baris dimana pengaturan property dan values nya di beri indent 

contoh : 

h1,h2,h3 {
   color:red;
   font-family:arial;
   font-size:150%;
} 

—Kadang kala, ada baiknyakamu menuliskan komentar ke dalam kode CSS

kamuuntuk memberi catatan pengingat.kamu bisa menggunakan syntax pembuka /*

dan penutup */ untuk menuliskan komentar. Segala teks yang berada di antar

 tag /* dan */ tidak akan dibaca sebagai

kode, tapi hanya sebagai catatan untuk diri mu.

contoh : /* Tulis komentar kamu di sini */

 p { text-align: justify; /*

Tulis komentar kamu di sini */

color: blue; font-family: arial; } 

sekian dulu ye.. CSS gaul learning part 1, see ya on the next time :*