Setelah kita mempelajari tentang HTML dan Juga dasar CSS maka kita melangkah ke studi kasus. Jika anda belum membaca tutorial sebelumnya ada baiknya anda membaca artikel HTML untuk Web Design dan CSS dan Web Design agar lebih memahami tutorial ini. Dalam pembuatan design web dua kolom ini kita akan menggunakan konsep tableless design (design tanpa menggunakan tag <table> akan tetapi menggunakan <div>). Kelebihan tableless design adalah waktu loading yang diperlukan halaman web akan lebih cepat.

Setelah kita mempelajari bagaimana penggunaan CSS dalam tutorial Dasar Penggunaan CSS Dalam Web Design tutorial kali ini akan membahas kode-kode yang sering digunakan dalam CSS. Jumlah Kode syntaks CSS tidaklah sedikit, tentu saja tidak perlu menghafalnya. Yang perlu dilakukan adalah sering-sering berlatih hingga secara otomatis kita hafal sendiri atau kita bisa melihat referensi kode-kode tersebut.

Tutorial ini merupakan tutorial lanjutan dari CSS dan Web Design sebelumnya. Kalau pada tutorial sebelumnya kita berbicara mengenai definisi dan syntak CSS, maka tutorial kali ini kita akan belajar bagaimana implementasi syntak tersebut secara nyata di lapangan.

Cascading Style Sheets (CSS) adalah bahasa yang digunakan untuk mendefinisikan tampilan halaman web. CSS didesain untuk memisahkan antara isi stau halaman website dengan cara menampilkan isi (desainnya). Dengan pemisahan ini maka membuat desain web akan lebih mudah karena satu definisi dalam CSS bisa digunakan oleh banyak halaman web. Kalau kita mempelajari tutorial saja sebelumnya mengenai HTML Untuk Web Design anda akan menemukan bahwa design dan content masih jadi satu. Sebagai contoh pendefinisian background dan warna tampilan masih dedefinisikan sendiri-sendiri pada masing-masing halaman. Hal ini tidak akan efektif jika halaman yang dibuat berjumlah banyak dengan desain yang mirip.