laluan pembelajaran
03 minitunit-symbolsPengenalan kepada HTML
00 minitunit-symbolsKonsep berkaitan web
07 minitunit-symbolsPelayar dan kernel biasa
04 minitunit-symbolspiawaian web
07 minitunit-symbolsPengenalan kepada tag HTML
01 minitunit-symbolsSpesifikasi sintaks HTML
07 minitunit-symbolsTag struktur asas HTML
07 minitunit-symbolsHalaman penciptaan alat VSCode
06 minitunit-symbolsDOCTYPE dan lang dan peranan set watak
08 minitunit-symbolssemantik tag
02 minitunit-symbolstag tajuk
05 minitunit-symbolsTag perenggan dan tag pemisah baris
06 minitunit-symbolsKes berita sukan
04 minitunit-symbolstag pemformatan teks
07 minitunit-symbolstag div dan span
04 minitunit-symbolsTag imej (atas)
09 minitunit-symbolsTag imej (di bawah)
04 minitunit-symbolsPerkara yang perlu diberi perhatian tentang tag imej
02 minitunit-symbolsFolder direktori dan direktori akar
06 minitunit-symbolsLaluan relatif (atas)
06 minitunit-symbolsLaluan relatif (di bawah)
02 minitunit-symbolsjalan mutlak
03 minitunit-symbolsTag pautan (atas)
08 minitunit-symbolsTag pautan (di bawah)
09 minitunit-symbolspautan sauh
07 minitunit-symbolsTag komen dan watak istimewa
08 minitunit-symbolsKes Komprehensif (Bahagian 1)
10 minitunit-symbolsKes Komprehensif (Bahagian 2)
05 minitunit-symbolsPengenalan kepada tag HTML (Bahagian 2)
01 minitunit-symbolsPenggunaan asas label jadual
08 minitunit-symbolsLabel sel pengepala
02 minitunit-symbolsAtribut berkaitan jadual (faham)
08 minitunit-symbolsKes ranking novel
09 minitunit-symbolsTag struktur jadual
04 minitunit-symbolsMencantumkan sel
08 minitunit-symbolsRingkasan jadual
03 minitunit-symbolssenarai tidak teratur
08 minitunit-symbolssenarai pesanan
03 minitunit-symbolssenarai tersuai
06 minitunit-symbolsRingkasan senarai
02 minitunit-symbolsMembentuk senario dan klasifikasi penggunaan
04 minitunit-symbolsmedan borang
05 minitunit-symbolsKotak teks atribut jenis input dan kotak kata laluan
06 minitunit-symbolsButang radio atribut jenis input dan kotak semak
04 minitunit-symbolsnama input dan atribut nilai
05 minitunit-symbolsAtribut input yang disemak dan panjang maksimum
03 minitunit-symbolsSoalan dan Jawapan Bilik Darjah tentang Senario Penggunaan Empat Atribut Elemen Borang Input
03 minitunit-symbolsButang hantar atribut jenis input dan set semula
06 minitunit-symbolsjenis input atribut butang biasa dan medan fail
04 minitunit-symbolslabel label
06 minitunit-symbolspilih borang lungsur
05 minitunit-symbolslabel kawasan teks textarea
05 minitunit-symbolsRingkasan unsur bentuk
02 minitunit-symbolshalaman pendaftaran (1)
08 minitunit-symbolsmuka surat pendaftaran (2)
08 minitunit-symbolsMuka surat pendaftaran (3)
05 minitunit-symbolsmuka surat pendaftaran (4)
03 minitunit-symbolsBelajar membaca dokumen
06 minitunit-symbolsPengenalan kepada Lembaran Gaya Cascading CSS
01 minitunit-symbolsPengenalan kepada CSS
05 minitunit-symbolsAlami spesifikasi sintaks CSS
07 minitunit-symbolsGaya kod CSS
04 minitunit-symbolsPeranan pemilih css
03 minitunit-symbolspemilih tag
06 minitunit-symbolspemilih kelas
10 minitunit-symbolsLukis kotak menggunakan pemilih kelas
05 minitunit-symbolsPenggunaan khas pemilih kelas - berbilang nama kelas
08 minitunit-symbolspemilih id
06 minitunit-symbolspemilih kad bebas
05 minitunit-symbolsfont-family menetapkan keluarga font
07 minitunit-symbolssaiz fon saiz fon
04 minitunit-symbolsketebalan font berat fon
08 minitunit-symbolsgaya fon gaya fon
03 minitunit-symbolsCara menulis atribut komposit fon
07 minitunit-symbolsRingkasan sifat fon
03 minitunit-symbolswarna teks
05 minitunit-symbolsPenjajaran teks penjajaran teks
03 minitunit-symbolsteks-hiasan teks-hiasan
05 minitunit-symbolsinden teks-inden teks
05 minitunit-symbolsJarak garisan ketinggian garis
08 minitunit-symbolsRingkasan sifat teks css
03 minitunit-symbolshelaian gaya dalaman
04 minitunit-symbolshelaian gaya sebaris
04 minitunit-symbolshelaian gaya luaran
05 minitunit-symbolsRingkasan kaedah pengenalan css
02 minitunit-symbolshalaman berita
06 minitunit-symbolsUbah suai gaya (1)
04 minitunit-symbolsUbah suai gaya (2)
07 minitunit-symbolsUbah suai gaya (3)
03 minitunit-symbolsPenggunaan alat penyahpepijatan krom
07 minitunit-symbolscss panduan hari kedua
01 minitunit-symbolssintaks emmet menjana teg html
09 minitunit-symbolssintaks emmet untuk menjana gaya css dengan cepat
03 minitunit-symbolsCepat format kod
05 minitunit-symbolsPengenalan kepada pemilih kompaun
01 minitunit-symbolspemilih keturunan
08 minitunit-symbolsPemilih elemen kanak-kanak
03 minitunit-symbolsLatihan kelas
02 minitunit-symbolsPemilih kesatuan
06 minitunit-symbolsPautan pemilih kelas pseudo (Bahagian 1)
09 minitunit-symbolsPautkan pemilih kelas pseudo (di bawah)
05 minitunit-symbolspemilih kelas pseudo fokus
03 minitunit-symbolsRingkasan pemilih kompaun
03 minitunit-symbolsApakah mod paparan elemen
04 minitunit-symbolselemen blok
06 minitunit-symbolsElemen sebaris
05 minitunit-symbolselemen blok sebaris
03 minitunit-symbolsRingkasan mod paparan elemen
03 minitunit-symbolsPenukaran mod paparan
08 minitunit-symbolsPenggunaan snipaste alat kecil
04 minitunit-symbolsVersi ringkas sarung bar sisi Xiaomi
07 minitunit-symbolsPrinsip pemusatan menegak teks baris tunggal
07 minitunit-symbolswarna latar belakang
03 minitunit-symbolsGambar latar belakang
04 minitunit-symbolsjubin latar belakang
05 minitunit-symbolsKata nama orientasi kedudukan latar belakang
07 minitunit-symbolsKes lokasi latar belakang satu
06 minitunit-symbolsKes lokasi latar belakang 2-Gambar latar belakang Raja Kemuliaan
04 minitunit-symbolsKedudukan latar belakang - unit tepat
04 minitunit-symbolsKedudukan Latar Belakang - Unit Bercampur
04 minitunit-symbolslatar belakang tetap
04 minitunit-symbolsKaedah penulisan komposit atribut latar belakang
03 minitunit-symbolswarna latar belakang lut sinar
06 minitunit-symbolsRingkasan latar belakang
03 minitunit-symbolsNavigasi Lima Warna Kes Komprehensif (Bahagian 1)
07 minitunit-symbolsNavigasi Lima-Cai Kes Komprehensif (2)
03 minitunit-symbolsKebolehtimbunan
04 minitunit-symbolsharta pusaka
04 minitunit-symbolspewarisan ketinggian baris
09 minitunit-symbolskeutamaan
06 minitunit-symbolsIsu keutamaan
07 minitunit-symbolsTindanan pemberat CSS
06 minitunit-symbolsDua latihan bebanan
05 minitunit-symbolsPengenalan kepada model kotak
01 minitunit-symbolsFahami intipati susun atur halaman web
03 minitunit-symbolsKomponen model kotak
03 minitunit-symbolssempadan model kotak
07 minitunit-symbolsKaedah penulisan majmuk sempadan
07 minitunit-symbolssempadan garis nipis meja
05 minitunit-symbolsSempadan mempengaruhi saiz sebenar kotak
03 minitunit-symbolsPelapik jidar dalam model kotak
04 minitunit-symbolssifat kompaun padding
06 minitunit-symbolspadding akan mempengaruhi saiz sebenar kotak
04 minitunit-symbolsaplikasi padding-Sina Navigation Bar (Bahagian 1)
06 minitunit-symbolsaplikasi padding-Sina Navigation (Bahagian 2)
05 minitunit-symbolsPengubahsuaian bar sisi Xiaomi
02 minitunit-symbolsPadding tidak akan menahan kotak terbuka
04 minitunit-symbolsJidar model kotak
06 minitunit-symbolsPenggunaan biasa margin--kotak peringkat blok dijajarkan secara mendatar dan tengah
03 minitunit-symbolsElemen sebaris dan elemen blok sebaris dipusatkan secara mendatar
02 minitunit-symbolsPencantuman margin - jidar menegak elemen blok bersebelahan
04 minitunit-symbolsPencantuman margin - elemen blok bersarang runtuh
06 minitunit-symbolsJidar dalam dan luar yang jelas
04 minitunit-symbolsOperasi asas ps
05 minitunit-symbolsAnalisis susun atur modul kes-produk yang komprehensif
02 minitunit-symbolsSusun atur kotak kes yang komprehensif
03 minitunit-symbolsPenghasilan gambar kes dan perenggan yang komprehensif
06 minitunit-symbolsPenilaian kes yang komprehensif dan pengeluaran terperinci
06 minitunit-symbolsPengeluaran butiran baris kes-menegak yang komprehensif
04 minitunit-symbolsGuru menerangkan
05 minitunit-symbolsAnalisis susun atur modul ekspres
02 minitunit-symbolsPengeluaran pengepala modul ekspres
06 minitunit-symbolsPenciptaan senarai modul ekspres
07 minitunit-symbolsPrinsip sempadan bulat
06 minitunit-symbolsPenggunaan sudut bulat
07 minitunit-symbolsbayang kotak
09 minitunit-symbolsbayangan teks
01 minitunit-symbolsPanduan terapung
02 minitunit-symbolsTiga cara susun atur laman web tradisional
04 minitunit-symbolsMengapa terapung diperlukan
05 minitunit-symbolsapa itu terapung
04 minitunit-symbolsCiri-ciri Terapung-Di luar Standard
06 minitunit-symbolsSifat terapung-elemen terapung dipaparkan dalam satu baris
03 minitunit-symbolsSifat terapung - Unsur terapung mempunyai sifat blok sebaris
04 minitunit-symbolsUnsur terapung sering dipasangkan dengan elemen induk aliran standard
03 minitunit-symbolsLatihan Susunatur Terapung-1
04 minitunit-symbolsLatihan Susunatur Terapung-2
09 minitunit-symbolsLatihan Terapung-Modul Telefon Bimbit (Bahagian 1)
06 minitunit-symbolsLatihan Terapung-Modul Telefon Bimbit (Bahagian 2)
05 minitunit-symbolsSusun atur halaman web biasa
10 minitunit-symbolsDua perkara yang perlu diperhatikan tentang terapung
07 minitunit-symbolsMengapa terapung jelas
10 minitunit-symbolsSifat terapung yang jelas dan kaedah label tambahan
07 minitunit-symbolsKosongkan limpahan unsur induk terapung
02 minitunit-symbolsJelas terapung selepas unsur pseudo
05 minitunit-symbolsElemen pseudo berganda terapung yang jelas
03 minitunit-symbolsterapung jelas
02 minitunit-symbolsFormat imej biasa
03 minitunit-symbolsPemotongan lapisan (atas)
04 minitunit-symbolsPotongan lapisan (di bawah)
04 minitunit-symbolsalat potong
07 minitunit-symbolspemasangan pemotong
04 minitunit-symbolsPetua untuk menggunakan cutterman
06 minitunit-symbolsPersediaan
06 minitunit-symbolssusunan penulisan atribut css (penting)
04 minitunit-symbolsIdea keseluruhan susun atur halaman
05 minitunit-symbolsPenciptaan kawasan pengepala
08 minitunit-symbolsPengeluaran kawasan logo
04 minitunit-symbolsPengeluaran kawasan navigasi bar navigasi (Bahagian 1)
06 minitunit-symbolsPengeluaran kawasan navigasi bar navigasi (tengah)
05 minitunit-symbolsPengeluaran kawasan navigasi bar navigasi (Bahagian 2)
02 minitunit-symbolsCarian pengeluaran input modul carian
08 minitunit-symbolsCari pengeluaran butang modul carian
05 minitunit-symbolsPenghasilan modul pengguna
04 minitunit-symbolsPenghasilan modul sepanduk
06 minitunit-symbolsPengeluaran modul subnav (Bahagian 1)
05 minitunit-symbolsPengeluaran modul subnav (Bahagian 2)
03 minitunit-symbolsPenghasilan modul kursus (Bahagian 1)
04 minitunit-symbolspenghasilan modul kursus (sederhana)
03 minitunit-symbolsPenghasilan modul kursus (Bahagian 2)
07 minitunit-symbolsModul pengesyoran premium (Bahagian 1)
03 minitunit-symbolsModul pengesyoran premium (sederhana)
03 minitunit-symbolsModul pengesyoran premium (Bahagian 2)
04 minitunit-symbolspengeluaran modul box-hd
07 minitunit-symbolspengeluaran modul box-bd
05 minitunit-symbolsmodul kotak selesai
05 minitunit-symbolspenghasilan modul footer
04 minitunit-symbolspenghasilan modul hak cipta
06 minitunit-symbolsmemautkan penghasilan modul
04 minitunit-symbolsPanduan kedudukan
00 minitunit-symbolsMengapa kedudukan diperlukan
03 minitunit-symbolsKomposisi kedudukan
04 minitunit-symbolskedudukan relatif
08 minitunit-symbolsKedudukan mutlak - tiada kedudukan ibu bapa atau tiada kedudukan ibu bapa
07 minitunit-symbolsKedudukan mutlak - ibu bapa mempunyai status kedudukan
06 minitunit-symbolsKedudukan mutlak yang di luar standard tidak menduduki kedudukan asalnya.
02 minitunit-symbolsasal usul bapa
07 minitunit-symbolsKes modul bapa-panas mutlak anak lelaki
07 minitunit-symbolsKedudukan tetap
07 minitunit-symbolsPetua untuk kedudukan tetap - tetapkan di sebelah kanan bahagian tengah halaman
06 minitunit-symbolsKedudukan Melekit (Faham)
05 minitunit-symbolsRingkasan kedudukan
02 minitunit-symbolsSusunan susunan kedudukan
07 minitunit-symbolsAlgoritma pemusatan kotak dengan kedudukan mutlak
07 minitunit-symbolsCiri khas kedudukan
02 minitunit-symbolsUnsur terapung tidak akan menyekat kedudukan teks aliran standard.
05 minitunit-symbolsanalisis susun atur
03 minitunit-symbolspengeluaran kotak besar
Pengeluaran butang anak panah kiri
07 minitunit-symbolsPengeluaran butang anak panah kanan
pengeluaran modul kotak ul
li pengeluaran modul titik kecil
Ringkasan susun atur laman web
paparan menunjukkan elemen tersembunyi
06 minitunit-symbolsketerlihatan menunjukkan elemen tersembunyi
limpahan tunjuk sembunyi
Sarung Kentang (Bahagian 1)
Sarung kentang (Bahagian 2)
pengenalan
01 minitunit-symbolsMengapa teknologi bunian diperlukan
04 minitunit-symbolsPenggunaan carta sprite (prinsip)
06 minitunit-symbolsPenggunaan gambar rajah Sprite (kod)
06 minitunit-symbolsContoh sprite - eja nama anda
07 minitunit-symbolsPenjanaan Ikon Font dan Kelebihan
05 minitunit-symbolsMuat turun ikon fon
05 minitunit-symbolsPenggunaan ikon fon
08 minitunit-symbolsPrinsip menambah dan memuatkan ikon fon
04 minitunit-symbolsCara menggunakan segi tiga CSS
05 minitunit-symbolsAplikasi segitiga CSS-kesan Jingdong
03 minitunit-symbolsAntara Muka Pengguna - Gaya Tetikus
Antara Muka Pengguna - Nyahgariskan borang dan mengelakkan penyeretan medan teks
penjajaran menegak melaksanakan penjajaran tengah menegak bagi blok sebaris dan teks
Penyelesaian kepada jurang kosong di bahagian bawah gambar
Teks baris tunggal melimpahi paparan elipsis
Teks berbilang baris melimpahi paparan elipsis
Kemahiran susun atur - bijak menggunakan margin negatif (Bahagian 1)
Kemahiran susun atur - penggunaan bijak nilai margin negatif (Bahagian 2)
Teknik susun atur - penggunaan teks yang bijak di sekeliling elemen terapung
Teknik susun atur - bijak menggunakan blok sebaris
Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 1)
Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 2)
Permulaan CSS
HTML5CSS3 menambah baik navigasi
Tambah tag semantik
Tambahkan teg video
Tambah tag audio
Tambah borang input
Tambah sifat borang baharu
Pemilih atribut (atas)
Pemilih atribut (di bawah)
Pemilih kelas pseudo struktur - memilih elemen ke-n
pemilih anak ke-nth (atas)
pemilih anak ke-nth (di bawah)
Perbezaan antara nth-child dan nth-of-type
Senario dan asal penggunaan pemilih unsur pseudo
Penggunaan asas pemilih unsur pseudo
ikon fon padanan senario penggunaan pemilih unsur pseudo
Senario penggunaan unsur pseudo-kesan kentang tiruan
Pemilih unsur pseudo - Unsur pseudo membersihkan sifat terapung
Kotak sempadan model kotak CSS3
Pemprosesan kabur imej CSS3
Kira fungsi kalk lebar kotak
Peralihan atribut baharu CSS3 (Bahagian 1)
Peralihan atribut baharu CSS3 (Bahagian 2)
Latihan peralihan CSS3
Umum H5 (faham)
pengenalan
00 minitunit-symbolsProses penghasilan laman web
05 minitunit-symbolsPerancangan projek Pinyogou
Pembinaan projek Pinyogou
Projek Pinyogou-Pembangunan Gaya Modular
Pengeluaran ikon favicon projek Pinyougou
Projek Pinyougou-TDK tiga pengoptimuman SEO label utama
Pembinaan struktur pintasan navigasi cepat halaman utama Pinyogou
Halaman Utama Pinyogou-Navigasi Pantas Pengeluaran Sebelah Kiri
Navigasi pantas halaman utama Pinyougou dibina di sebelah kanan
Ikon fon halaman utama Pinyogou di sebelah kanan navigasi pantas
Pembinaan modul pengepala halaman utama Pinyogou
04 minitunit-symbolsPinyougou laman utama-logoSEO pengoptimuman (Bahagian 1)
06 minitunit-symbolsPinyougou laman utama-logoSEO pengoptimuman (Bahagian 2)
04 minitunit-symbolsModul carian halaman utama Pinyogou (Bahagian 1)
06 minitunit-symbolsModul carian halaman utama Pinyogou (Bahagian 2)
Modul halaman utama-hotwords Pinyogou
Pengeluaran modul halaman utama-kereta beli-belah Pinyogou
Modul statistik troli beli-belah mengira halaman utama Pinyougou
Pembinaan modul navigasi halaman utama Pinyogou-nav
Pengeluaran modul lungsur halaman utama Pinyogou
Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 1)
Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 2)
Pengeluaran modul halaman utama-navitems Pinyogou
Pembinaan modul bahagian bawah halaman utama-pengaki Pinyougou
Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 1)
Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 2)
Pengeluaran modul halaman utama Pinyougou-mod_help
Pengeluaran modul laman utama-mod_copyright Pinougou
Laman utama Pinyougou-pembinaan kotak utama utama
Modul laman utama Pinyogou-newsflash
Pengeluaran modul halaman utama-berita-hd Pinyogou
Pengeluaran modul halaman utama Pinyogou-baharu-bd
Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 1)
06 minitunit-symbolsPengeluaran laman utama Pinyogou-lifeservice (Bahagian 2)
07 minitunit-symbolsRekom modul yang disyorkan halaman utama Pinyogou (Bahagian 1)
Rekom modul yang disyorkan halaman utama Pinougou (Bahagian 2)
Halaman Utama Pinyogou-Pembinaan Modul Perkakas Rumah Tangga
Halaman Utama Pinyougou-Pengeluaran Modul Perkakas Rumah Tangga
Keperluan susun atur prinsip tab bar tab
susun atur item senarai-tab_tab utama Pinyougou (Bahagian 1)
susun atur item senarai-tab_tab utama Pinyougou (tengah)
susun atur item senarai-tab_tab utama Pinyougou (Bahagian 2)
Senarai Pembelian Produk-Pembinaan Struktur
Pengeluaran modul jualan kilat halaman senarai Pinyougo
Pinyougou senarai halaman-pengubahsuaian modul navigasi
Halaman senarai Pinyougou-masalah kecil
Senarai Pinyougou hujung halaman
Pengepala halaman pendaftaran Pinyogou pengeluaran
Halaman senarai Pinyougo - pengeluaran pengepala modul utama pendaftaran
Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 1)
Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 2)
04 minitunit-symbolsModul keselamatan halaman pendaftaran Pinyogou
Modul persetujuan halaman pendaftaran Pinyougo dan modul pendaftaran lengkap
Halaman projek Pinyogou melompat antara satu sama lain dan pengaturan kerja
apa itu pelayan
Mohon ruang percuma dan muat naik laman web
1. Reka letak sisi web: mula-mula terangkan teg biasa HTML5, kemudian terangkan ciri baharu dan sintaks baharu H5C3 yang ditambahkan pada gaya CSS3 biasa, dan akhir sekali terangkan projek pembelian produk akhir PC. Dan animasi CSS3 kesan 2d 3d. 2. Reka letak mudah alih: Ia menerangkan terutamanya port pandangan, imej berganda, susun atur longkang, susun atur fleksibel, susun atur rem, susun atur responsif, dan juga menambah alatan seperti Mockup.