HTML dan CSS sudah menjadi bagian tak terpisahkan dari website modern. HTML digunakan untuk membuat konten atau kerangka logis dari halaman web, sedangkan CSS digunakan untuk mengatur tampilan dari website seperti warna background dan font yang digunakan. Jika anda ingin belajar web design, CSS adalah hal yang wajib dikuasai.

Kali ini duniailkom mencoba membuat beberapa tutorial untuk dapat menguasai CSS, mulai dari Tutorial CSS Dasar, Tutorial CSS Lanjutan dan Beberapa contoh kasus penggunaan CSS. Sebelum mulai belajar CSS, setidaknya anda sudah memahami dasar-dasar HTML.

Dalam halaman ini, saya akan menyatukan seluruh link tutorial dan artikel CSS di duniailkom:


eBook CSS Uncover Duniailkom

eBook CSS Uncover DuniailkomApabila anda serius ingin mempelajari CSS dan membutuhkan tutorial CSS yang lebih lengkap, Duniailkom telah menerbitkan eBook CSS Uncover.

Dengan total 555 halaman A4, buku CSS Uncover akan memandu rekan-rekan untuk menguasai luar dalam tentang CSS. Materi dalam buku ini mulai dari perkenalan dengan CSS, membahas berbagai selector dan property CSS, hingga materi terbaru CSS3 seperti media query, 2D transform, transisi, dan animasi. Di akhir buku akan dijelaskan cara membuat layout web responsive (responsive web design).

CSS Uncover bisa didapat dengan donasi Rp. 50.000. Untuk pemesanan silahkan kirim email ke [email protected]. Penjelasan lebih lanjut bisa ke: CSS Uncover.


Tutorial CSS Dasar

Tutorial CSS dasar dirancang untuk memahami cara kerja CSS, mulai dari aturan penulisan, cara menginput CSS kedalam halaman HTML serta aturan-aturan dasar CSS.


Referensi Property CSS

Dalam Referensi Property CSS ini kita akan membahas cara penggunaan berbagai property CSS, serta tips dan trik untuk menggunakan property tersebut secara efisien. Diharapkan tutorial ini bisa menjadi bahan referensi untuk mempelajari CSS,termasuk CSS3.

Property Teks CSS:


CSS Box Model

Salah satu konsep dasar yang wajib dipahami di dalam CSS adalah CSS Box Model. Dalam tutorial ini kita akan membahas lebih dalam apa itu CSS Box Model.


Tutorial CSS Lanjutan

Dalam bagian ini, akan dibahas tentang tutorial CSS lanjutan untuk pembahasan yang lebih advanced. Beberapa tutorial dasar akan kita bahas kembali secara lebih mendalam.


Tutorial CSS3

CSS3 merupakan fitur terbaru dan yang paling ‘wah’ di dalam CSS. Banyak efek tampilan menarik ditambahkan kedalam versi ini, seperti efek bayangan, rounding corner, transisi, animasi, dan responsive web design. Dalam sesi ini Duniailkom akan membahas cara penggunaan berbagai property CSS3.