Close it

Selasa, 31 Mei 2011

2 Tutorial Dan Pengenalan CSS3►► URL : http://wwdq.blogspot.com/2011/05/tutorial-dan-pengenalan-css3.html.

Share
Cascading Style Sheet (CSS) adalah salah satu bahasa perograman website untuk mengatur beberapa komponen yang ada dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Sama dengan styles dalam software atau aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas file. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan HTML atau XHTML.

Bagi anda yang mungkin belum mengetahui CSS, CSS digunakan dalam pembuatan layout yang tableless, artinya pembuatan layout tidak lagi menggunakan metode table, karena dampak dari penggunaan table yang paling terasa adalah beratnya layout yang dihasilkan karena begitu banyak kode-kode dari hasil penggunaan table. Tableless pun menjadi standarisasi bagi seorang SEO-er, karena sifatnya yang search engine friendly. Tidak hanya dalam pembuatan layout, CSS3 pun efektif digunakan dalam pembuatan style-style yang mempercantik sebuah website.

CSS3 merupakan pengembangan dari CSS ini yang bisa membuat sebuah web menjadi lebih menarik. Dalam CSS3 ini meliputi hal-hal seperti berikut ini:

Drop Shadow
Menggunakan drop shadow pada css 3, cukup tambahkan baris
-moz-box-shadow: #585858 3px 3px 4px;
moz ini digunakan untuk browser firefox
-webkit-box-shadow: #585858 3px 3px 4px;
webkit digunakan untuk browser chrome serta safari 

Contoh DropShadow

Gradient
background: -moz-linear-gradient(-45deg, #000000,#ffffff );
penggunaan moz-linear-gradien dengan 45derajat mulai dari hitam sampai putih, hasilnya adalah seperti ini :

Contoh


Tutorial lainnya tentang CSS3 Akan segera menyusul :)

Bila Kurang Jelas, silakan bertanya dibawah ini .

Post Info :
Judul = Tutorial Dan Pengenalan CSS3

Url = http://wwdq.blogspot.com/2011/05/tutorial-dan-pengenalan-css3.html

Author = Rizal Loa Wanda. At : 21.43 Selasa, 31 Mei 2011 | Comment:2

Artikel Terkait

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2 komentar:

No Spam Please :)


Tambahkan Bookmark halaman ini untuk mempermudah Pencarian Anda [CTRL+D].