PRODI TIKATA PENGANTAR Buku 102 Tip & Trik CSS Most Wanted akan membantu Anda menemukan jawaban untuk masalah CSS yang Anda hadapi dengan cepat. Setiap solusi akan diberikan penjelasan mendalam untuk membantu Anda memahami manfaat dari masing-masing tip atau trik. Singkatnya, buku ini akan menunjukkan Anda cara untuk menciptakan solusi praktis untuk masalah CSS yang kompleks, desain tata letak kolom dua dan tiga yang fleksibel, menggabungkan CSS dengan gambar untuk membuat efek visual yang mengesankan, membuat navigasi, rollovers, dan menu tanpa JavaScript dan memecahkan masalah kompatibilitas antara browser. Namun, untuk mendapatkan manfaat maksimal dari buku ini, Anda memerlukan pengetahuan yang baik dalam pemrograman HTML dan CSS sebelum membaca buku ini. Pengetahuan ini akan membantu Anda dalam memahami bagaimana CSS dapat melakukan tugas yang sama seperti yang dilakukan oleh HTML, tetapi dengan cara yang lebih baik lagi! Saya ingin mengucapkan terima kasih kepada Ibu Dwinita Andriastuti, Product Development Manager dan kepada redaksi Penerbit Andi atas kesempatan dan kepercayaan yang diberikan Sangat menyenangkan dapat menulis buku ini, dan saya berharap buku ini akan berguna sebagai referensi sehari-hari, serta sebagai alat yang dapat membantu Anda menulis dalam CSS dengan percaya diri. Semoga buku ini akan mendapat tempat di hati para pembaca dan akan memberi banyak manfaat untuk Anda. “USEFUL & MEANINGFUL BOOK FOR YOU"BAB 2 — fr - Fist aap see ar wh) Ci gat 0 eatineotre eae Child selectors ... Adjacent selectors ... Pseudo-class selectors untuk link First Child Pseudo-class selectors Bagairnana browser tahu gaya mana untuk diterapkan? Teks Styling .... Cara menampilkan komentar dalam CSS . Cara menampilkan teks dalam font tertentu Bagaimana cara memakai font shorthand? . Bagaimana cara menggunakan color shorthand? Lebih banyak CSS shorthand ... Bagaimana cara mengatur ukuran font? .. Cara mengatur ukuran font Base Font tang konsisten Cara mengatur ukuran font dengan kata kunci Bagaimana cara menmpilkan teks di tengah? Bagaimana memaksa word wrap ...101 Tip & Trik CSS Most Wanted Bagaimana menampilkan teks rata kiri dan kanan? Bagaimana cara indent paragraf? Cara indent hanya baris pertama dari paragraf Cara memaksa judul panjang pada baris sama Bagaimana menampilkan teks bayangan? Bagaimana menampilkan bayangan kabur? Bagaimana menampilkan teks putih yang dapat dibaca dengan jelas? Bagaimana menampilkan bayerigan’ timbul dan mengukir? Bagaimana menampilkan teks Neon Glow? Cara menambah warna latar belakang ke judul .., Bagaimana cara menggarisbawahi judul? Bagaimana cara mengubah gaya heading? Cara mengubah tinggi baris (leading) teks Bagaimana cara menghapus jarak besar antara elemen (hi) dan paragraf berikut? : Bagaimana cara menyorot teks pada halaman, a Bagaimana cara mengubah teks ke huruf besar? ......., Cara menghapus garis bawah dari link Bagaimana cara membuat link berubah warna ketika furor berada di atasnya? Bagaimana menampilkan dua gaya yang berbeda untuk link dalam halaman yang sama? os... Bagaimana cara membuat gaya untuk item n pertama | dalam daftar berbeda dari yang lain? Bagaimana cara mengubah atau anhalt pads dari daftar item? «0... Sere Bagaimana cara mengubah arte tone alan dari daftar item? .. Bagaimana cara mengapus is indentasi dari daftar Cara menampilkan daftar secara horizontal .. Bagaimana menghapus padding & margin default dari semua elemen? ... Bagaimana menghapus margin halaman? Bagaimana menampilkan kutip ganda sederhana? Bagaimana cara menampilkan Drop Caps? ...BAB3 BAB 4 BABS CSS dan Gambar ... Cara menambahkan perbatasan untuk gambar . Cara menambahkan perbatasan ganda untuk gambar Cara membuat border bevel untuk gambar Bagaimana cara menghapus border biru di sekell gambar yang dilink? .. Cara menambahkan drop shadow untuk gambar Cara menambahkan border ganda untuk gambar . Cara menambahkan watermark ke gambar . Cara menambahkan caption pada gambar Cara menbuat gambar latar tidaka bergerak Bagaimana cara memosisikan gambar? . Bagaimana menampilkan gambar latar belakang yang mengisi seluruh layar? .. 72 Bagaimana cara menampilkan beberapa gambar latar belakang dengan CSS? .. 74 Cara membuat efek Rollover gambar sederhana 74 Cara membuat latar belakang saya kabur iz Bagaimana cara membuat CSS Sprite?..... . 78 CSS Positioning & Tata Letak ... Kapan menggunakan class & kapan ID? . Bagaimana menambahkan margin dan padding? Cara memosisikan blok teks di tengah halaman Bagaimana memosisikan item pada halaman? Bagaimana mencegah line break? .. Cara membuat efek Border untuk teks Cara membungkus teks di sekitar gambar ... Bagaimana membuat layout Liquit dua kolom? Bagaimana membuat tata letak tiga kolom? Cara membuat kotak dengan sudut membulat . oe 104 Navigasi .. Bagaimana mengubah Daftar menjadi bar Navigasi? 110 Bagaimana cara membuat CSS Tab? 116 Cara membuat CSS Hover menu 117 Cara membuat CSS menu drop-down-t ..... osens 120101 Tip & Trik CSS Most Wanted Cara membuat CSS menu drop-down-I! Bagaimana cara mengubah jenis kursor? BAB 6 Styling Data Tabel .... Bagaimana menambahkan border ke tabel tanpa m deg menggunakan atribut HTML? .. Bagaimana dapat menggunakan tipe border lain? .. Bagaimana membuat Collapse Bordr? Cara mengatur lebar, tinggi & padding tabel . Bagaimana mengatur perataan teks dalam tabel? Bagaimana mengatur warna tabel? Cara membuat tabel minimalis horizontal Cara membuat tabel minimalis vertikal Cara membuat kotak tabel .... Cara membuat tabel horizontal zebra . Cara membuat tabel vertikal zebra ... Cara membuat penekanan satu kolom Cara membuat tabel sudut bulat ...... Cara membuat latar belakang untuk Tabel-I Cara membuat latar belakang untuk Tabel-II » Lg BAB7 Formulir & User Interface .. Memberi gaya untuk Elemen form dengan CSS Cara membuat form CSS sederhana .. Bagaimana cara menghentikan formulir ar menciptakan ruang tambahan dan baris? . Bagaimana cara membuat formulir “Hubungi Kami”? Cara membuat formulir dengan Background Image Membuat formulir CSS yang lengkap ..... BAB 8 Teknik Cross Browser .. Cara menggunakan CSS Reset untuk poo antarbrowser .. Cara ean 1E6 atau IE7 dan trae atas Cara menggunakan transparansi cross browser Cara menggunakan tooltip CSS cross browser ..http://www.w3.org/Style/CSS/ http://www.w3schools.com/css/default.asp http://coding.smashingmagazine.com/2007/05/1! r pee a 1/05/10/70-expert-ideas-for- http://www.handycss.com/Pen ee OMT PR AG Se eciay Calc Banyak desainer dan programmer menghindari mengguna- eM ECU or CURSE OL ey ee ER uM Cu us Ue a Cl gunakan dan dikuasai. Kenyataannya, CSS merupakan salah satu bahasa paling mudah yang tersedia untuk Pu ule) nos SDSS EM eS UCM Cu A a See 103 Tip dan Trik CSS Most Wanted adalah sebuah buku yang penuh dengan trik dan tip SICA cu Uc currant ican cc nw ul an Ce SIUC OR ct ARS NCR aE URI a Be ERC LUE Cun uy UEC ECU iu Meo tL LE ue Se ea aca ucun : x nulis dalam CSS. Jika ada cara da dapat menghindarinya. Jadi, Sa ec