Jenis media yang memungkinkan Anda untuk menentukan bagaimana dokumen akan disajikan dalam media yang berbeda. Dokumen dapat ditampilkan berbeda pada layar, di atas kertas, dengan browser aural, dll Jenis Media Beberapa properti CSS hanya dirancang untuk media tertentu. Sebagai contoh…
CSS
Panduan Tutorial Belajar Website Dasar dengan CSS
CSS Attribute Selectors
Elemen HTML Style Dengan Atribut Khusus Hal ini dimungkinkan untuk elemen HTML gaya yang memiliki atribut tertentu, bukan hanya kelas dan id. Catatan: IE7 dan IE8 atribut penyeleksi dukungan hanya jika DOCTYPE ditetapkan!.Pemilihan Atribut TIDAK didukung di IE6 dan lebih…
Tutorial CSS Navigation Bar.
navigasi Bar. Memiliki mudah menggunakan navigasi adalah penting untuk setiap situs web. Dengan CSS Anda dapat mengubah menu HTML membosankan menjadi tampan bar navigasi. Navigation Bar = Daftar Link. Sebuah bar navigasi yang standar HTML sebagai dasar. Dalam contoh…
Tutorial CSS Pseudo-elemen.
CSS pseudo-elemen yang digunakan untuk menambahkan efek khusus untuk beberapa penyeleksi. Syntax. Syntax dari pseudo-elemen: selector:pseudo-element {property:value;} Kelas CSS juga dapat digunakan dengan pseudo-elemen: selector.class: pseudo-elemen {properti: nilai;} lini pertama Pseudo-elemen. “Pertama-line” pseudo-elemen yang digunakan untuk menambah gaya khusus untuk…
Tutorial CSS Gambar Sprite
Gambar Sprite Sebuah sprite gambar adalah koleksi gambar dimasukkan ke dalam satu gambar. Sebuah halaman web dengan banyak gambar dapat mengambil waktu yang lama untuk memuat dan menghasilkan permintaan beberapa server. Menggunakan gambar sprite akan mengurangi jumlah permintaan server dan…
Tutorial CSS Gambar Galeri
Galeri Gambar Galeri foto berikut ini dibuat dengan CSS: <html> <head> <style type=”text/css”> div.img { margin: 2px; border: 1px solid # 0000FF; tinggi: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px…
Tutorial CSS Pseudo-class
Sintaksis Sintaks dari pseudo-kelas: selector:pseudo-class {property:value;} Kelas CSS juga dapat digunakan dengan pseudo-kelas: selector.class:pseudo-class {property:value;} Jangkar Pseudo-kelas Link dapat ditampilkan dalam cara yang berbeda dalam browser CSS pendukung: A: link {color: # FF0000;} / * belum dikunjungi link yang *…
Tutorial CSS Gambar Keburaman / Transparansi
Membuat gambar transparan dengan CSS mudah. Catatan: Properti opacity CSS adalah bagian dari rekomendasi W3C CSS3. Membuat gambar transparan – efek Hover Membuat kotak transparan dengan teks pada gambar latar belakang Contoh 1 – Membuat Gambar Transparan Properti CSS3 untuk…
Tutorial CSS Horizontal Align
Dalam CSS, beberapa properti yang digunakan untuk menyelaraskan elemen horizontal. Menyelaraskan Elemen Blok Sebuah elemen blok merupakan elemen yang mengambil lebar penuh yang tersedia, dan memiliki satu baris sebelum dan setelah itu.Contoh unsur-unsur blok: <h1> <p> <div>…
Tutorial CSS Border
CSS Perbatasan Properti Sifat perbatasan CSS memungkinkan Anda untuk menentukan gaya dan warna perbatasan suatu elemen. Perbatasan Gaya Properti border-style menentukan apa perbatasan untuk ditampilkan. Catatan Tidak ada sifat perbatasan akan memiliki efek APAPUN kecuali properti perbatasan gaya diatur! Gaya…