HTML5+CSS3 bahagian hadapan (versi dewi)

• Bab1 Pengenalan pertama kepada HTML
• 1-1 Bimbingan
• 1-2 Komposisi dan sifat laman web
• 1-3 Mengenali pelayar buat kali pertama
• 1-4 piawaian web
• 1-5 Kesedaran HTML
• 1-6 rangka HTML
• 1-7 Pengenalan dan penggunaan vscode
• 1-8 Komen
• 1-9 Komposisi teg dan perhubungan
• 1-10 tajuk dan perenggan
• 1-11 Garis pemisah dan label garisan mendatar
• 1-12 tag pemformatan teks
• 1-13 Penggunaan asas gambar
• 1-14 Sifat imej
• 1-15 jalan mutlak
• 1-16 Laluan relatif - adik beradik dan orang bawahan
• 1-17 Induk-laluan relatif
• 1-18 tag audio
• 1-19 tag video
• 1-20 Hiperpautan
• 1-21 Pengambilan Kes Komprehensif
• 1-22 Indeks lompat kes yang komprehensif
• 1-23 Kes-lompat-halaman lain yang komprehensif
• Bab2 asas HTML
• 2-1 Senario penggunaan senarai
• 2-2 Senarai - tidak teratur dan teratur
• 2-3 Senarai-Tersuai
• 2-4 Penggunaan Meja
• 2-5 Jadual - tajuk jadual dan sel pengepala
• 2-6 Tag Struktur Jadual
• 2-7 Sel Gabungan Jadual
• 2-8 Senario permohonan borang
• 2-9 Penggunaan asas input borang
• 2-10 Borang-input-pemegang tempat (mesej gesaan)
• 2-11 Fungsi bentuk-radio dan pemilihan lalai
• 2-12 Borang-muat naik berbilang fail
• 2-13 borang-butang-input
• 2-14 butang-bentuk-butang
• 2-15 Menu lungsur turun borang
• 2-16 medan teks bentuk
• 2-17 label borang-label
• 2-18 Tag semantik
• 2-19 entiti watak
• 2-20 Borang Maklumat Kes-Pelajar Komprehensif
• 2-21 Borang kes yang komprehensif
• Bab3 Asas CSS
• 3-1 Alami css
• 3-2 kaedah pengenalan css
• 3-3 label pemilih
• 3-4 kelas pemilih
• 3-5 id pemilih
• 3-6 Selector-Wildcard
• 3-7 Gaya asas teks
• 3-8 fon teks
• 3-9 Pengembangan - melata
• 3-10 sifat komposit fon
• 3-11 inden teks
• 3-12 penjajaran mendatar
• 3-13 baris hiasan teks
• 3-14 ketinggian baris
• 3-15 Alat Penyahpepijatan Google
• 3-16 Nilai pengembangan-warna
• 3-17 Pemusatan Label Kembangkan
• 3-18 Kes Komprehensif 1-Tajuk Selesai
• 3-19 Kes Komprehensif 1-Kandungan Berita
• 3-20 Kes komprehensif 2-gambar selesai
• 3-21 Kes Komprehensif 2-Kesan Teks Produk
• Bab4 CSS lanjutan
• 4-1 pemilih-turunan
• 4-2 Pemilih-Kanak-kanak
• 4-3 pemilih-kesatuan
• 4-4 pemilih-persimpangan
• 4-5 Selector-pseudo-class
• 4-6 sintaks emmet
• 4-7 Latar belakang - warna latar belakang
• 4-8 Latar belakang - imej latar belakang
• 4-9 Latar belakang - jubin latar belakang
• 4-10 kedudukan latar belakang
• 4-11 latar belakang-latar belakang
• 4-12 Perbezaan antara imej latar belakang dan img
• 4-13 Mod Paparan-Blok
• 4-14 Mod paparan - sebaris
• 4-15 Mod paparan - blok sebaris
• 4-16 penukaran mod paparan
• 4-17 Pengembangan-Teg bersarang
• 4-18 Sifat CSS - Warisan
• 4-19 Sifat CSS - melata
• 4-20 Kes komprehensif 1
• 4-21 Kes komprehensif 2
• Bab5 Model kotak CSS
• 5-1 Keutamaan - Ujian Asas
• 5-2 Pengiraan tindanan keutamaan
• 5-3 Keutamaan - Soalan Pengiraan
• 5-4 Penyelesaian masalah Google
• 5-5 PxCook
• 5-6 Komposisi model kotak
• 5-7 Kesan model-pelayar kotak
• 5-8 Model kotak - lebar dan tinggi kandungan
• 5-9 Penggunaan kotak model-sempadan
• 5-10 Pengiraan saiz model kotak-sempadan
• 5-11 Sarung Model Kotak
• 5-12 Navigasi-Layout div
• 5-13 Navigasi Sina-Kandungan a
• 5-14 Model kotak-padding-multi-value
• 5-15 Sempadan dan padding saiz model kotak
• 5-16 Sina Navigation-padding pengoptimuman
• 5-17 Model kotak-mod penolakan dalaman
• 5-18 Jidar model kotak
• 5-19 Kosongkan gaya lalai
• 5-20 Versi berpusat
• 5-21 Susun atur senarai kes-berita-div yang komprehensif
• 5-22 Kes Komprehensif-Senarai Berita-Tajuk
• 5-23 Kes Komprehensif-Senarai Berita-Kandungan
• 5-24 Margin-masalah
• 5-25 Jidar dalam dan luar menegak untuk elemen sebaris
• Bab6 terapung CSS
• 6-1 Penggunaan asas kelas pseudo struktur
• 6-2 Formula kelas pseudo struktur
• 6-3 Unsur pseudo
• 6-4 aliran standard
• 6-5 Terapung - Mengalami isu blok sebaris
• 6-6 kesan apungan
• 6-7 ciri-ciri terapung
• 6-8 Susun atur kes-Xiaomi yang komprehensif
• 6-9 Urutan atribut sambungan-css
• 6-10 Sarung komprehensif-Produk Xiaomi-struktur kiri dan kanan
• 6-11 Kes komprehensif-Produk Xiaomi-li
• 6-12 Navigasi Kes Komprehensif
• 6-13 Pembinaan pemandangan terapung yang jelas
• 6-14 jelas terapung-tag tambahan
• 6-15 Elemen pseudo tunggal apungan yang jelas
• 6-16 elemen pseudo ganda apungan yang jelas
• 6-17 limpahan apungan yang jelas
• Bab7 projek dalam talian
• 7-1 Persediaan
• 7-2 Menetapkan taip dan mengosongkan gaya lalai
• 7-3 susun atur tajuk
• 7-4 logo dan susun atur navigasi
• 7-5 kandungan nav selesai
• 7-6 Reka Letak Carian dan Kotak Teks
• 7-7 Butang carian
• 7-8 kawasan pengguna
• 7-9 susun atur sepanduk
• 7-10 sepanduk-kiri selesai
• 7-11 banner-right-title
• 7-12 banner-kanan-kandungan
• 7-13 sepanduk-kanan-semua kursus
• 7-14 Disyorkan
• 7-15 Tajuk Kursus Premium
• 7-16 Kandungan kursus premium
• 7-17 Reka letak wilayah hak cipta
• 7-18 Kandungan wilayah hak cipta
• Bab8 hiasan kedudukan
• 8-1 Fungsi dan langkah penggunaan
• 8-2 relatif relatif
• 8-3 Faham - Kedudukan - Perkara yang perlu diberi perhatian
• 8-4 Pelayar rujukan mutlak mutlak
• 8-5 paterniti
• 8-6 Kes—Xuecheng Dalam talian-panas
• 8-7 pusat
• 8-8 berhijrah
• 8-9 Kes-Kod QR
• 8-10 sepanduk kes
• 8-11 tetap
• 8-12 hierarki paparan
• 8-13 vertical-align-01
• 8-14 vertical-align-02
• 8-15 Jenis kursor
• 8-16 Penggunaan Asas Sempadan Bulat
• 8-17 Adegan Kerja Sempadan Bulat
• 8-18 Paparan limpahan kesan-limpahan
• 8-19 Tunjukkan Penggunaan Asas Sembunyikan
• 8-20 Sarung - Paparkan dan sembunyikan kod QR
• 8-21 Kelegapan atribut telus
• Bab9 Pembinaan Projek Segar Arnab Kecil
• 9-1 css elf-fungsi
• 9-2 css sprite-use
• 9-3 Zum imej latar belakang
• 9-4 bayang kotak
• 9-5 peralihan
• 9-6 tag rangka
• 9-7 SEO
• 9-8 favicon - ikon tajuk
• 9-9 Direktori projek
• 9-10 Penyediaan kod projek
• 9-11 Reka Letak Navigasi Pantas
• 9-12 Navigasi Pantas-Kandungan
• 9-13 susun atur tajuk
• 9-14 logo dan navigasi
• 9-15 cari
• 9-16 troli beli-belah
• 9-17 Reka Letak Hak Cipta
• 9-18 Kandungan hak cipta-li selesai
• 9-19 Hak cipta bawah
• Bab10 Badan Utama Projek Segar Arnab Kecil
• 10-1 imej sepanduk
• 10-2 susun atur navigasi sebelah sepanduk
• 10-3 kandungan teks navigasi sebelah sepanduk
• 10-4 anak panah sepanduk
• 10-5 sepanduk-titik
• 10-6 Perkara Segar dan Baik-Tajuk
• 10-7 Perkara Segar dan Baik-Susun Letak Kandungan
• 10-8 Bahan segar dan bagus - kandungan selesai
• 10-9 Perkara yang segar dan baik - teks produk baharu
• 10-10 Susun atur-Tajuk-Makanan Segar
• 10-11 Kawasan makanan segar
• 10-12 Susun atur-Kandungan-Makanan Segar