Dengan menggunakan tag ol (ordered list) kita dapat membuat penomoran otomatis di CSS. Penomoran otomatis bisa diterapkan menggunakan angka, romawi atau latin. Secara teknis penerapan di CSS ini dilakukan dengan property list-style-type. Sebagai contoh perhatikan coding berikut ini:<!DOCTYPE html PUBLIC
Unordered List di CSS
Penulisan list tanpa penomoran dalam CSS biasanya dilambangkan dengan tiga macam yaitu : disc, circle dan square. Lambang ini dituliskan dengan list-style-type property. Contoh coding adalah :<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html><head><title>List Style Type Tanpa penomoran</title><style type=”text/css”>.disk{ list-style-type:
Layout gallery dengan CSS
Jika kita menguasai float dalam CSS maka untuk kita tidak akan mengalami kesulitan dalam membuat layout/tampilan gallery. Contoh style untuk layout untuk gallery :.gbr_kecil{ float: left; width: 100px; height: 100px; margin-top: 10px; margin-left: 10px; border:solid 1px
Float dalam CSS
Float dalam CSS biasa digunakan untuk membuat layout. Dengan menggunakan layout kita meletakkan sisi demi sisi. Dalam contoh ini kita akan menggunakan float:left yang banyak digunakan untuk membuat layout website yang standard. Perhatikan coding pada #kiri dan #tengah berikut ini:
Margin Collapsing di CSS
Di dalam CSS, margin collapsing terjadi jika suatu elemen bersinggungan pada margin-bottom pada elemen yang pertama dan margin-top pada elemen yang lain. Saat margin-collapsing terjadi maka margin yang dihasilkan bukan penambahan margin-bottom dengan margin-top tetapi margin dengan nilai paling besar.
Overflow content di CSS
Overflow content di CSS akan membuat kita dapat mengatur sebuah tempat dengan ukuran yang sama untuk suatu content meskipun content itu terus bertambah. Tampilan yang dihasilkan akan seperti pada tag frame. Bedanya dengan frame adalah bahwa untuk overflow content masih
CSS Box Model
Untuk dapat melayout disain web dengan baik kita harus mengetahui bagaimana box model dalam css. Property-property yang penting kita ketahui adalah width padding border margin Untuk mempermudah marilah kita membuat html dengan coding seperti ini <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML
Font manipulation di CSS
Typography adalah elemen penting dalam penyajian informasi yang dibungkus oleh disain. Begitu juga dengan web design, kita harus benar-benar memahami font. Dalam CSS kita bisa melakukan manipulasi font dengan font-familyProperty font-family dipakai untuk menentukan font yang akan digunakan. Font yang
Text manipulation di CSS
Dalam dunia nyata disain web, saat menyajikan informasi text, kita ingin menampilkan berbagai cara agar menarik perhatian pengunjung, mengarahkan pengunjung website untuk mengikuti penyajian informasi yang kita berikan atau untuk memberikan kenyamanan pengunjung dalam membaca setiap informasi yang kita suguhkan.
Cascade dalam CSS
Style sheet dalam CSS dapat berasal dari berbagai sumber. Sumber-sumber itu adalah Browser yang dipakaiBrowser mempunyai standard default yang dipakai misalnya default font dan ukuran. User yang menggunakan browser.User dapat melakukan customise pada browser misalnya mengecilkan atau membersarkan font Dari