hisman.org » kenalan dengan CSS http://hisman.org webdesign source and tutorial Thu, 11 Feb 2010 14:35:35 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Kenalan Sama CSS yuk.. http://hisman.org/kenalan-sama-css-yuk.html http://hisman.org/kenalan-sama-css-yuk.html#comments Fri, 05 Sep 2008 13:48:12 +0000 hisman http://hisman.org/?p=22 Kamu dah sedikit kenal khan sama HTML, sekarang saatnya kenalan ma CSS. Saai ini dalam hal desain mendesain web HTML dan CSS sudah tidak dapat dipisahkan lagi. Makanya ketika awal-awal saya belajar webdesign, yang pertama kali diajarkan ke saya ya HTML dan CSS.

CSS itu singkatan dari Cascading Style Sheet, ada kata style, berarti ada hubungannya dengan desain mendesain. Gampangnya gini, CSS itu digunakan untuk mendesain konten-konten yang ada di web supaya keliatan lebih indah. Sebenernya ngedesain konten ini bisa langsung dilakukan dengan HTML, tapi akan merepotkan kamu dan juga akan membuat kodingan HTMLnya menjadi sedikit berantakan.

Contohnya gini, misal kamu pengen semua font di dalam tag <h4></h4> berwarna putih, nah kalo pake HTML langsung kamu bisa menambahkan tag <font></font> di dalam tag <h4></h4>, jadinya gini


<h4><font color =”#FFFFFF”>Putih</font></h4>

Kata Putih di dalam tag tersebut akan berwarna putih. Nah kalo ada misalkan ada 50 tag <h4> nya atau ada 100. Pegel khan tangannya…

Makanya ada CSS, klo pake CSS tinggal di tulis satu kode CSSnya seperti ini :


h4{ color : #FFFFFF }

semua yang memiliki tag <h4> akan berwarna putih tanpa perlu nulis kode tersebut berulang-ulang. simpel khan??

Nah, ketika kamu akan mendesain sebuah web, hal yang perlu kamu lakukan adalah menggunakan HTML hanya untuk menulis konten-konten web tersebut dan menyerahkan semua desain mendesain ke CSS, ini akan memperingan pekerjaan kamu sekaligus akan membuat kodingan kamu menjadi lebih clean / bersih dan gak berantakan.

Struktur dari CSS itu cukup simpel,coba kamu perhatikan h4{ color : #FFFFFF; } , itu salah satu contoh kode dari CSS. Sedikit penjelasan:

h4 itu namanya selector (menunjukkan bagian mana yang mau didesain/ dikasih style). Trus color itu property dan #FFFFFF itu valuenya. Color: #FFFFFF; adalah satu statement.

Di dalam CSS satu selector bisa diisi lebih dari satu statement, contohnya :


h4{
    color: #FFFFFF;
    font-size:24px;
}

Antar statement dipisahkan dengan titik koma (;). O iya lupa,, komentar di CSS itu nulisnya gini


/* ini komen */

Oke-oke,,dah mulai kenal khan sama CSS?? Biar semakin kenal kamu bisa nyari buku2 atau ebook2 tentang CSS.. atau kalo kamu males nyarinya kamu bisa tungguin artikel2 berikutnya dari blog ini. So,, kunjungin trus blog ini… /* Promosi_mode = [on] */

]]> http://hisman.org/kenalan-sama-css-yuk.html/feed 5