ဆ
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
