jump to navigation

Bermain Dengan CSS February 24, 2006

Posted by ar10 in CSS/Web Design.
trackback

CSS atau Cascading Style Sheet adalah bahasa yang mengijinkan kita memasukan suatu format ke dalam kode HTML. Kita bisa menggunakan file CSS untuk memperindah halaman website kita, sehingga tampilan akan lebih menarik serta lebih mudah dalam pembuatan desain website.

Format penulisan CSS sebagai berikut : selektor {properti: nilai}
selektor merupakan elemen HTML yang akan diefinisikan,properti merupakan atribut yang akan kita ganti formatnya, sedangkan nilai berisi difinisi dari format itu sendiri.
contoh :
body{background:black}
maka akan menghasilkan sebuah tampilan halaman web dengan background warna hitam

body {background-image:url(“folder/back.gif”)}
maka akan menghasilkan sebuah tampilan halaman web dengan background gambar

Dalam penulisan CSS ada dua cara, yaitu dengan external css dan embedded style.

Cara pertama yaitu external css
Cara ini merupakan penggabungan sebuah file css ke dalam dokumen HTML. Untuk menggunakan cara yang satu ini, kita diharuskan mempunyai sebuah file .css misalkan gayaku.css dimana file .css ini yang berisi kode-kode .css itu sendiri. Untuk membuat file .css kita bisa menggunakan program untuk membuat halaman web, seperti dreamweaver ataupun frontpage bisa juga pakai notepad, namun sebaiknya kita pakai program yang standar saja, supaya kita bisa membedakan syntax css.
Anggap saja kita sudah mempunyai file dengan nama gayaku.css, untuk contoh pembuatan file css nanti akan kita bahas. Nah sekarang cara agar file gayaku.css bisa kita masukan ke dalam halaman web kita, tulis saja kode html berikut ini
penulisan diantara tag
…..

Cara kedua yaitu dengan embedded style
Cara ini langsung menyisipkan style css ke dalam halaman web misal

Nah sekarang tinggal kita memilih cara mana yang dianggap paling efektif untuk menggunakan style css ini, silahkan mencoba sendiri.

To be continued

Comments»

No comments yet — be the first.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: