Mula Pantas HTML+CSS

• Bab1 Fahami bahagian hadapan yang besar dan bersedia untuk belajar
• 1-1 penerangan terperinci konfigurasi pemasangan vscode tentang pemalam yang biasa digunakan (versi sari kata)
• 1-2 Jika anda ingin melakukan kerja anda dengan baik, anda mesti mempertajamkan pemasangan alat webStorm anda terlebih dahulu
• 1-3 Kategori program yang boleh dibangunkan oleh pengaturcara bahagian hadapan
• 1-4 Bagaimana untuk membezakan antara H5, WEB front-end, big front-end dan WEB full stack?
• Bab2 Tag dan atribut yang biasa digunakan dalam HTML
• 2-1 Bahasa Penanda Hiperteks HTML - Di manakah hiper?
• 2-2 Struktur utama HTML dan tag berkaitan
• 2-3 Nilai dan komen warna heksadesimal HTML
• 2-4 Penggunaan aksara entiti HTML
• 2-5 Analisis teg biasa dalam teg kepala
• 2-6 Teg format teks dan teks dalam badan
• 2-7 Teg format teks H5 yang baru dinaik taraf
• 2-8 Tag semantik dan tag susun atur senarai
• 2-9 Isu kaedah laluan dan lompat yang perlu diberi perhatian dalam teg
• 2-10 Contoh untuk menerangkan tag multimedia
• 2-11 Kemahiran ingatan untuk tag bahagian hadapan yang besar
• 2-12 Penjelasan lengkap sintaks markdown
• 2-13 Huraikan pada tag meja
• 2-14 Analisis komprehensif elemen yang berkaitan dengan bentuk bentuk - Bahagian 1
• 2-15 Analisis komprehensif elemen yang berkaitan dengan bentuk bentuk-Bahagian 2
• 2-16 Penggunaan iframe tag sebaris
• Bab3 Berhenti membuat coretan dan masuk ke dunia CSS
• 3-1 Memasuki dunia css--beberapa cara untuk merujuk css
• 3-2 pemilih css--analisis pemilih asas
• 3-3 pemilih css--analisis pemilih hierarki
• 3-4 pemilih css--analisis pemilih kelas pseudo struktur--Bahagian 1
• 3-5 pemilih css--analisis pemilih kelas pseudo struktur--Bahagian 2
• 3-6 css status pseudo-class pemilih dan keutamaan pemilih
• 3-7 sifat fon css-font
• 3-8 sifat teks css-text
• 3-9 css--harta latar belakang latar belakang
• 3-10 Ringkasan kelas dan tugasan bab
• Bab4 Gaya CSS dan kawalan susun atur
• 4-1 Ciri dimensi lebar dan ketinggian CSS
• 4-2 Ciri senarai navigasi CSS
• 4-3 Harta kedudukan CSS--ditetapkan
• 4-4 Sifat kedudukan CSS--kedudukan relatif relatif
• 4-5 Hubungan antara kedudukan relatif dan kedudukan mutlak--Bahagian 1
• 4-6 Hubungan antara kedudukan relatif dan kedudukan mutlak--Bahagian 2
• 4-7 Ciri susun atur CSS mengawal penyembunyian dan paparan elemen
• 4-8 CSS mengawal div untuk terapung ke kiri dan kanan
• 4-9 Model kotak standard digabungkan dengan pelampung
• 4-10 Bagaimana untuk menyelesaikan masalah pertindihan margin div
• 4-11 Hubungan antara saiz kotak dan jidar dan sempadan dalam dan luar
• 4-12 Atribut saiz kotak menyelesaikan masalah pembalut kotak
• 4-13 Model kotak fleksibel--susun atur kotak fleksibel
• 4-14 Kotak teleskopik merealisasikan pautan navigasi berbilang peringkat
• Bab5 Takrifan praktikal fail rangka kerja susun atur
• 5-1 Analisis mendalam tentang tetapan atribut model kotak fleksibel-Bahagian 1
• 5-2 Analisis mendalam tetapan atribut model kotak fleksibel-Bahagian 2
• 5-3 Analisis susun atur halaman laman web korporat
• 5-4 Tentukan fail gaya asas rangka kerja
• 5-5 Tetapkan reka letak fleksibel bingkai gaya awam
• 5-6 Tetapkan gaya awam sempadan bingkai
• 5-7 Tetapkan margin gaya awam bingkai
• 5-8 Tetapkan gaya awam lain bagi bingkai
• 5-9 Memperkenalkan sempadan bulat gaya awam ke dalam projek
• 5-10 Bagaimana untuk memperkenalkan ikon font icon ke dalam projek
• 5-11 Pertempuran praktikal--takrifkan tajuk fail templat awam
• 5-12 Pertempuran praktikal--takrifkan gaya kotak carian yang elegan
• 5-13 Pertempuran praktikal - menetapkan gaya, latar belakang dan penjajaran tengah ikon fon
• 5-14 Pertempuran praktikal--Tetapkan gaya asas bar navigasi navigasi
• Bab6 Animasi sebenar dan ketua awam
• 6-1 Bayang teks dan kecerunan jejari warna latar belakang
• 6-2 CSS melaksanakan penukaran kotak dan kesan peralihan
• 6-3 Pertempuran praktikal--kesan animasi css dan karusel animasi-Bahagian 1
• 6-4 Pertempuran praktikal--kesan animasi css dan karusel animasi-Bahagian 2
• 6-5 Pertempuran praktikal - css3 melaksanakan kesan animasi garis bawah navigasi menggunakan kelas pseudo
• 6-6 Pertempuran praktikal--melaksanakan gaya menu sekunder dan kesan animasi
• 6-7 Pertempuran praktikal--melaksanakan kesan tetap bar sisi-Bahagian 1
• 6-8 Pertempuran praktikal--melaksanakan kesan tetap bar sisi-Bahagian 2
• 6-9 Pertempuran praktikal--melaksanakan susun atur gaya pengaki bawah
• 6-10 Pertempuran praktikal--merealisasikan kesan navigasi produk pada halaman utama
• 6-11 Pertempuran praktikal - susun atur pengepala kawasan paparan produk
• 6-12 Pertempuran praktikal--Susun atur gaya kad produk-Bahagian 1
• 6-13 Pertempuran praktikal--Lengkapkan kesan animasi kad produk
• 6-14 Pertempuran praktikal--Susun atur gaya kad produk-Bahagian 2
• Bab7 Senarai halaman dan halaman butiran pertempuran sebenar
• 7-1 Pertempuran praktikal - Lengkapkan susun atur gaya navigasi serbuk roti
• 7-2 Pertempuran praktikal--Lengkapkan kesan animasi pengisihan produk-Bahagian 1
• 7-3 Pertempuran praktikal--Lengkapkan kesan animasi pengisihan produk-Bahagian 2
• 7-4 Pertempuran praktikal--Lengkapkan reka letak gaya halaman senarai produk
• 7-5 Pertempuran praktikal - Lengkapkan susun atur gaya kawasan maklumat asas produk
• 7-6 Pertempuran praktikal - Lengkapkan susun atur gaya kawasan maklumat asas produk 02
• 7-7 Pertempuran praktikal - Lengkapkan susun atur gaya kawasan maklumat asas produk 03
• 7-8 Pertempuran praktikal - susun atur gaya butiran produk 01
• 7-9 Pertempuran praktikal - susun atur gaya butiran produk 02
• 7-10 Pertempuran praktikal-Teka anda suka susun atur gaya kawasan itu
• Bab8 Troli beli-belah praktikal dan halaman pesanan
• 8-1 Susun atur gaya troli beli-belah 01
• 8-2 Susun atur gaya troli beli-belah 02
• 8-3 Susun atur gaya troli beli-belah 03
• 8-4 Halaman pratonton pesanan--letak letak gaya maklumat resit
• 8-5 Halaman pratonton pesanan--reka letak gaya kaedah pembayaran
• 8-6 Halaman pratonton pesanan--Pesan susun atur gaya kandungan 01
• 8-7 Halaman pratonton pesanan--Pesan susun atur gaya kandungan 02
• 8-8 Analisis struktur halaman pusat peribadi pusat membeli-belah
• 8-9 Halaman pesanan dan pertanyaan @media
• 8-10 Halaman pesanan dan pertanyaan @media - seterusnya