Tutorial HTML dan CSS untuk Pemula
Asas HTML
Pengenalan
Bahasa HTML
Tag HTML
Atribut
Gaya
Struktur Halaman Asas
Tag Asas
Perenggan
Tajuk
Penekanan Teks dengan Tebal
Penekanan Teks dengan Italik
Senarai Tidak Teratur
Senarai Teratur
Pautan
Pautan Dalaman
Imej
Lebar Imej
Tinggi Imej
Menetapkan Lebar dan Tinggi Imej
Jadual
Lebar dan Tinggi Jadual
Sel Tajuk
Amali
Asas CSS
Pengenalan kepada CSS
Cara bekerja dengan CSS
Nilai untuk warna
Mana-mana warna
Lebar dan tinggi
Penjajaran teks
Penjajaran teks ke kanan
Penjajaran teks di tengah
Penjajaran teks ke kiri
Penjajaran teks serentak ke kanan dan kiri
Amali untuk penjajaran teks
Ketebalan
Italik
Saiz fon
Keluarga fon
Jarak antara baris
Nilai line-height tanpa unit
Ciri-ciri singkatan font
Baris pertama teks
Kesan teks
Garis bawah teks
Garis atas teks
Potongan garis pada teks
Pembatalan kesan untuk teks
Amali
Pemilih
Hubungan Kekeluargaan Tag
Pewarisan Sifat
Pengelompokan Pemilih
Sifat Umum
Pemilih Keturunan
Pemilih Anak
Pemilih Kelas
Tag span
Tag div
Pengelompokan Kelas
Tag dengan Kelas Tertentu
Pemilih Keturunan dan Kelas
Kombinasi Kompleks Pemilih Keturunan dan Kelas
Kesalahan Pemula dalam Pemilih Keturunan
Elemen dengan Beberapa Kelas
Pemilih berdasarkan id
Pemilih berdasarkan id dan Kelas
Penggunaan id
Pemilih berdasarkan Beberapa Kelas
Beberapa Pemilih Secara Bersamaan
Kesalahan Beberapa Pemilih
Pengelompokan Pemilih Kompleks
Kesalahan Semasa Pengelompokan
Latihan Kombinasi Pemilih
Keutamaan Pemilih
Nota Konflik Sifat
Peraturan Kekhususan
Keutamaan Pemilih Keturunan
Pemilih Bersebelahan
Pemilih Saudara
Pemilih Sejagat
Pemilih Atribut
Status Pautan
Nuansa Urutan Status Pautan
Status link dan visited
Penggunaan Biasa Status Pautan
Pemilih Kompleks dengan Pautan
Pautan dengan Kelas
Pemilihan Elemen Akhir
Pemilihan Berdasarkan Posisi
Pemilihan Keturunan Tunggal
Pemilihan Elemen Kosong
Pemilihan Berdasarkan Posisi dan Jenis Elemen
Penafian not
Hiasan
Warna Latar Belakang
Asas Menggunakan Sempadan
Sempadan Padu
Sempadan Berbintik
Sempadan Bergaris
Sempadan Timbul
Sempadan Berganda
Ciri Singkatan untuk Sempadan
Sempadan untuk Bahagian Berbeza
Membulatkan Sempadan Blok
Membulatkan Sempadan Latar Belakang
Mencipta Bulatan
Membulat untuk Sudut Berbeza
Empat Nilai
Dua Nilai
Tiga Nilai
Membulat dalam Peratusan
Mencipta Bulatan apabila Membulat dalam Peratusan
Gambar untuk Latar Belakang
Pengulangan Gambar Latar Belakang
Ciri Lain untuk Latar Belakang
Penanda Senarai ul
Penanda Senarai ul Berbentuk Segi Empat Sama
Penanda Senarai ul Berbentuk Bulatan
Penanda Senarai ul Berbentuk Bulatan Berwarna
Tiada Penanda untuk Senarai ul
Penanda Senarai ol
Nombor Roman Huruf Kecil untuk Senarai ol
Nombor Roman Huruf Besar untuk Senarai ol
Huruf Latin Kecil untuk Senarai ol
Huruf Latin Besar untuk Senarai ol
Huruf Greek Kecil untuk Senarai ol
Nombor dengan Sifar di Depan untuk Senarai ol
Model Blok
Jarak luar margin
Jarak margin untuk sisi berbeza
Beberapa nilai dalam margin
Empat nilai dalam margin
Dua nilai dalam margin
Tiga nilai dalam margin
Jarak dalam padding
Jarak padding untuk sisi berbeza
Beberapa nilai dalam padding
Pengembangan elemen
Kesan sempadan pada pengembangan elemen
Kesan bersama padding dan sempadan pada pengembangan elemen
Pembatalan pengembangan elemen
Elemen blok
Lebar dan tinggi elemen blok
Lebar elemen blok
Tinggi elemen blok
Tinggi tanpa kandungan
Beberapa elemen blok bersebelahan
Elemen sebaris
Lebar dan tinggi elemen sebaris
Beberapa elemen sebaris bersebelahan
Jarak antara elemen sebaris
Takrifan model blok
Sifat display
Elemen sebaris-blok
Lebar dan tinggi elemen sebaris-blok
Lebar elemen sebaris-blok
Tinggi elemen sebaris-blok
Beberapa elemen sebaris-blok bersebelahan
Penjajaran elemen blok
Penjajaran elemen blok dengan jarak kiri
Penjajaran elemen blok dengan jarak kanan
Penjajaran elemen sebaris
Penjajaran tengah elemen sebaris
Penjajaran tengah beberapa elemen sebaris
Penjajaran elemen sebaris ke tepi kanan
Penjajaran elemen sebaris-blok
Penjajaran tengah elemen sebaris-blok
Penjajaran elemen sebaris-blok ke tepi kanan
Elemen fleks
Tinggi induk elemen fleks
Lebar induk elemen fleks
Induk sebaris-blok
Jarak padding induk
Jarak margin kepada anak elemen
Penjajaran elemen fleks
Penjajaran elemen fleks di tengah
Penjajaran elemen fleks mengikut induk
Penjajaran elemen fleks mengikut induk dengan jarak
Penjajaran elemen fleks mengikut induk dengan jarak sama rata
Pemposisian
Mutlak
Relatif
Mutlak relatif kepada induk
Mutlak relatif kepada mutlak
Mutlak tanpa koordinat
Penjajaran tengah melalui absolute
Nilai negatif absolute
Pemposisian tetap
Blok pada keseluruhan lebar skrin
Tindihan elemen pada paksi Z
Pengawalan tindihan elemen pada paksi Z
Nuansa penggunaan nilai negatif z-index
Float
Pengenalan kepada sifat float
Sifat float dan tag
Gabungan float dan margin
Gabungan float dan padding
Elemen terapung di bawah tag
Kesan float pada elemen induk
Ketinggian elemen induk float
Teks dalam elemen induk float
Pembalutan
Pembatalan pembalutan
Div berasingan dengan clearfix
Ketinggian elemen induk dan clearfix
Sifat float untuk blok
Sifat float dan beberapa blok
Sifat float dan elemen induk tanpa teks
Flex
Penempatan dalam Baris atau Lajur
Penempatan Elemen Flex dalam Baris Terbalik
Penempatan Elemen Flex dalam Lajur
Membalikkan Lajur dengan Elemen Flex
Paksi Utama dan Paksi Silang
Penjajaran pada Paksi Utama
Penjajaran pada Paksi Silang
Nilai center bagi sifat align-items
Pengaturan di Tengah tanpa Ketinggian Blok
Pengaturan di Tengah dengan Ketinggian Blok Berbeza
Nilai stretch bagi sifat align-items
Amali untuk Penjajaran pada Paksi
Penjajaran Elemen Individu
Susunan Blok Flex
Grid
Pengenalan kepada Grid
Trek dan Garisan
Paparan dalam Penyahpepijat
Lajur
Unit fr
fr Pecahan
Piksel dan fr
Peratus dan fr
Fungsi repeat
Nilai auto
Nilai auto-fill
Fungsi minmax
Nilai auto-fit
Baris
Singkatan untuk Baris dan Lajur
Menggabungkan Baris
Menggabungkan Lajur
Kombinasi Penggabungan
Lapisan Lajur
Jarak antara Lajur
Jarak antara Baris
Jarak antara Lajur dan Baris
Jubin
