bahagian seterusnya： Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 2) (617 permainan)
Tonton Lagi
ဆ
Bermula dengan HTML5+CSS3 untuk pemula hadapan
- Bab1 Pengenalan Kursus dan Pengetahuan Asas Komputer
- 1-1 laluan pembelajaran
- 1-2 Pengenalan kepada HTML
- 1-3 Konsep berkaitan web
- 1-4 Pelayar dan kernel biasa
- 1-5 piawaian web
- Bab2 Sintaks dan struktur asas HTML
- 2-1 Pengenalan kepada tag HTML
- 2-2 Spesifikasi sintaks HTML
- 2-3 Tag struktur asas HTML
- 2-4 Halaman penciptaan alat VSCode
- 2-5 DOCTYPE dan lang dan peranan set watak
- Bab3 tag HTML
- 3-1 semantik tag
- 3-2 tag tajuk
- 3-3 Tag perenggan dan tag pemisah baris
- 3-4 Kes berita sukan
- 3-5 tag pemformatan teks
- 3-6 tag div dan span
- 3-7 Tag imej (atas)
- 3-8 Tag imej (di bawah)
- 3-9 Perkara yang perlu diberi perhatian tentang tag imej
- Bab4 Laluan relatif vs laluan mutlak
- 4-1 Folder direktori dan direktori akar
- 4-2 Laluan relatif (atas)
- 4-3 Laluan relatif (di bawah)
- 4-4 jalan mutlak
- Bab5 Pautan dan Sauh
- 5-1 Tag pautan (atas)
- 5-2 Tag pautan (di bawah)
- 5-3 pautan sauh
- 5-4 Tag komen dan watak istimewa
- Bab6 Kes yang komprehensif
- 6-1 Kes Komprehensif (Bahagian 1)
- 6-2 Kes Komprehensif (Bahagian 2)
- Bab7 jadual HTML
- 7-1 Pengenalan kepada tag HTML (Bahagian 2)
- 7-2 Penggunaan asas label jadual
- 7-3 Label sel pengepala
- 7-4 Atribut berkaitan jadual (faham)
- 7-5 Kes ranking novel
- 7-6 Tag struktur jadual
- 7-7 Mencantumkan sel
- 7-8 Ringkasan jadual
- Bab8 senarai HTML
- 8-1 senarai tidak teratur
- 8-2 senarai pesanan
- 8-3 senarai tersuai
- 8-4 Ringkasan senarai
- Bab9 Borang HTML
- 9-1 Membentuk senario dan klasifikasi penggunaan
- 9-2 medan borang
- 9-3 Kotak teks atribut jenis input dan kotak kata laluan
- 9-4 Butang radio atribut jenis input dan kotak semak
- 9-5 nama input dan atribut nilai
- 9-6 Atribut input yang disemak dan panjang maksimum
- 9-7 Soalan dan Jawapan Bilik Darjah tentang Senario Penggunaan Empat Atribut Elemen Borang Input
- 9-8 Butang hantar atribut jenis input dan set semula
- 9-9 jenis input atribut butang biasa dan medan fail
- 9-10 label label
- 9-11 pilih borang lungsur
- 9-12 label kawasan teks textarea
- 9-13 Ringkasan unsur bentuk
- Bab10 Kes yang komprehensif
- 10-1 halaman pendaftaran (1)
- 10-2 muka surat pendaftaran (2)
- 10-3 Muka surat pendaftaran (3)
- 10-4 muka surat pendaftaran (4)
- 10-5 Belajar membaca dokumen
- Bab11 Pengenalan kepada jadual demo cascading css
- 11-1 Pengenalan kepada Lembaran Gaya Cascading CSS
- 11-2 Pengenalan kepada CSS
- Bab12 spesifikasi sintaks css dan gaya kod
- 12-1 Alami spesifikasi sintaks CSS
- 12-2 Gaya kod CSS
- Bab13 pemilih css
- 13-1 Peranan pemilih css
- 13-2 pemilih tag
- 13-3 pemilih kelas
- 13-4 Lukis kotak menggunakan pemilih kelas
- 13-5 Penggunaan khas pemilih kelas - berbilang nama kelas
- 13-6 pemilih id
- 13-7 pemilih kad bebas
- Bab14 fon css
- 14-1 font-family menetapkan keluarga font
- 14-2 saiz fon saiz fon
- 14-3 ketebalan font berat fon
- 14-4 gaya fon gaya fon
- 14-5 Cara menulis atribut komposit fon
- 14-6 Ringkasan sifat fon
- Bab15 csstext
- 15-1 warna teks
- 15-2 Penjajaran teks penjajaran teks
- 15-3 teks-hiasan teks-hiasan
- 15-4 inden teks-inden teks
- 15-5 Jarak garisan ketinggian garis
- 15-6 Ringkasan sifat teks css
- Bab16 lembaran gaya css
- 16-1 helaian gaya dalaman
- 16-2 helaian gaya sebaris
- 16-3 helaian gaya luaran
- 16-4 Ringkasan kaedah pengenalan css
- Bab17 Kes yang komprehensif
- 17-1 halaman berita
- 17-2 Ubah suai gaya (1)
- 17-3 Ubah suai gaya (2)
- 17-4 Ubah suai gaya (3)
- 17-5 Penggunaan alat penyahpepijatan krom
- Bab18 sintaks emmet
- 18-1 css panduan hari kedua
- 18-2 sintaks emmet menjana teg html
- 18-3 sintaks emmet untuk menjana gaya css dengan cepat
- 18-4 Cepat format kod
- Bab19 pemilih kompaun
- 19-1 Pengenalan kepada pemilih kompaun
- 19-2 pemilih keturunan
- 19-3 Pemilih elemen kanak-kanak
- 19-4 Latihan kelas
- 19-5 Pemilih kesatuan
- 19-6 Pautan pemilih kelas pseudo (Bahagian 1)
- 19-7 Pautkan pemilih kelas pseudo (di bawah)
- 19-8 pemilih kelas pseudo fokus
- 19-9 Ringkasan pemilih kompaun
- Bab20 Mod paparan elemen
- 20-1 Apakah mod paparan elemen
- 20-2 elemen blok
- 20-3 Elemen sebaris
- 20-4 elemen blok sebaris
- 20-5 Ringkasan mod paparan elemen
- 20-6 Penukaran mod paparan
- Bab21 Kes kecil bar sisi
- 21-1 Penggunaan snipaste alat kecil
- 21-2 Versi ringkas sarung bar sisi Xiaomi
- 21-3 Prinsip pemusatan menegak teks baris tunggal
- 21-4 warna latar belakang
- 21-5 Gambar latar belakang
- 21-6 jubin latar belakang
- 21-7 Kata nama orientasi kedudukan latar belakang
- 21-8 Kes lokasi latar belakang satu
- 21-9 Kes lokasi latar belakang 2-Gambar latar belakang Raja Kemuliaan
- 21-10 Kedudukan latar belakang - unit tepat
- 21-11 Kedudukan Latar Belakang - Unit Bercampur
- 21-12 latar belakang tetap
- 21-13 Kaedah penulisan komposit atribut latar belakang
- 21-14 warna latar belakang lut sinar
- 21-15 Ringkasan latar belakang
- 21-16 Navigasi Lima Warna Kes Komprehensif (Bahagian 1)
- 21-17 Navigasi Lima-Cai Kes Komprehensif (2)
- Bab22 Tiga ciri utama CSS
- 22-1 Kebolehtimbunan
- 22-2 harta pusaka
- 22-3 pewarisan ketinggian baris
- 22-4 keutamaan
- 22-5 Isu keutamaan
- 22-6 Tindanan pemberat CSS
- 22-7 Dua latihan bebanan
- Bab23 model kotak
- 23-1 Pengenalan kepada model kotak
- 23-2 Fahami intipati susun atur halaman web
- 23-3 Komponen model kotak
- 23-4 sempadan model kotak
- 23-5 Kaedah penulisan majmuk sempadan
- 23-6 sempadan garis nipis meja
- 23-7 Sempadan mempengaruhi saiz sebenar kotak
- 23-8 Pelapik jidar dalam model kotak
- 23-9 sifat kompaun padding
- 23-10 padding akan mempengaruhi saiz sebenar kotak
- 23-11 aplikasi padding-Sina Navigation Bar (Bahagian 1)
- 23-12 aplikasi padding-Sina Navigation (Bahagian 2)
- 23-13 Pengubahsuaian bar sisi Xiaomi
- 23-14 Padding tidak akan menahan kotak terbuka
- 23-15 Jidar model kotak
- 23-16 Penggunaan biasa margin--kotak peringkat blok dijajarkan secara mendatar dan tengah
- 23-17 Elemen sebaris dan elemen blok sebaris dipusatkan secara mendatar
- 23-18 Pencantuman margin - jidar menegak elemen blok bersebelahan
- 23-19 Pencantuman margin - elemen blok bersarang runtuh
- 23-20 Jidar dalam dan luar yang jelas
- Bab24 Kes yang komprehensif
- 24-1 Operasi asas ps
- 24-2 Analisis susun atur modul kes-produk yang komprehensif
- 24-3 Susun atur kotak kes yang komprehensif
- 24-4 Penghasilan gambar kes dan perenggan yang komprehensif
- 24-5 Penilaian kes yang komprehensif dan pengeluaran terperinci
- 24-6 Pengeluaran butiran baris kes-menegak yang komprehensif
- 24-7 Guru menerangkan
- 24-8 Analisis susun atur modul ekspres
- 24-9 Pengeluaran pengepala modul ekspres
- 24-10 Penciptaan senarai modul ekspres
- Bab25 sempadan bulat
- 25-1 Prinsip sempadan bulat
- 25-2 Penggunaan sudut bulat
- Bab26 bayang
- 26-1 bayang kotak
- 26-2 bayangan teks
- Bab27 terapung
- 27-1 Panduan terapung
- 27-2 Tiga cara susun atur laman web tradisional
- 27-3 Mengapa terapung diperlukan
- 27-4 apa itu terapung
- 27-5 Ciri-ciri Terapung-Di luar Standard
- 27-6 Sifat terapung-elemen terapung dipaparkan dalam satu baris
- 27-7 Sifat terapung - Unsur terapung mempunyai sifat blok sebaris
- 27-8 Unsur terapung sering dipasangkan dengan elemen induk aliran standard
- 27-9 Latihan Susunatur Terapung-1
- 27-10 Latihan Susunatur Terapung-2
- 27-11 Latihan Terapung-Modul Telefon Bimbit (Bahagian 1)
- 27-12 Latihan Terapung-Modul Telefon Bimbit (Bahagian 2)
- 27-13 Susun atur halaman web biasa
- 27-14 Dua perkara yang perlu diperhatikan tentang terapung
- Bab28 terapung jelas
- 28-1 Mengapa terapung jelas
- 28-2 Sifat terapung yang jelas dan kaedah label tambahan
- 28-3 Kosongkan limpahan unsur induk terapung
- 28-4 Jelas terapung selepas unsur pseudo
- 28-5 Elemen pseudo berganda terapung yang jelas
- 28-6 terapung jelas
- Bab29 ps potong gambar
- 29-1 Format imej biasa
- 29-2 Pemotongan lapisan (atas)
- 29-3 Potongan lapisan (di bawah)
- 29-4 alat potong
- 29-5 pemasangan pemotong
- 29-6 Petua untuk menggunakan cutterman
- Bab30 Kes Dalam Talian Xuecheng
- 30-1 Persediaan
- 30-2 susunan penulisan atribut css (penting)
- 30-3 Idea keseluruhan susun atur halaman
- 30-4 Penciptaan kawasan pengepala
- 30-5 Pengeluaran kawasan logo
- 30-6 Pengeluaran kawasan navigasi bar navigasi (Bahagian 1)
- 30-7 Pengeluaran kawasan navigasi bar navigasi (tengah)
- 30-8 Pengeluaran kawasan navigasi bar navigasi (Bahagian 2)
- 30-9 Carian pengeluaran input modul carian
- 30-10 Cari pengeluaran butang modul carian
- 30-11 Penghasilan modul pengguna
- 30-12 Penghasilan modul sepanduk
- 30-13 Pengeluaran modul subnav (Bahagian 1)
- 30-14 Pengeluaran modul subnav (Bahagian 2)
- 30-15 Penghasilan modul kursus (Bahagian 1)
- 30-16 penghasilan modul kursus (sederhana)
- 30-17 Penghasilan modul kursus (Bahagian 2)
- 30-18 Modul pengesyoran premium (Bahagian 1)
- 30-19 Modul pengesyoran premium (sederhana)
- 30-20 Modul pengesyoran premium (Bahagian 2)
- 30-21 pengeluaran modul box-hd
- 30-22 pengeluaran modul box-bd
- 30-23 modul kotak selesai
- 30-24 penghasilan modul footer
- 30-25 penghasilan modul hak cipta
- 30-26 memautkan penghasilan modul
- Bab31 kedudukan
- 31-1 Panduan kedudukan
- 31-2 Mengapa kedudukan diperlukan
- 31-3 Komposisi kedudukan
- 31-4 kedudukan relatif
- 31-5 Kedudukan mutlak - tiada kedudukan ibu bapa atau tiada kedudukan ibu bapa
- 31-6 Kedudukan mutlak - ibu bapa mempunyai status kedudukan
- 31-7 Kedudukan mutlak yang di luar standard tidak menduduki kedudukan asalnya.
- 31-8 asal usul bapa
- 31-9 Kes modul bapa-panas mutlak anak lelaki
- 31-10 Kedudukan tetap
- 31-11 Petua untuk kedudukan tetap - tetapkan di sebelah kanan bahagian tengah halaman
- 31-12 Kedudukan Melekit (Faham)
- 31-13 Ringkasan kedudukan
- 31-14 Susunan susunan kedudukan
- 31-15 Algoritma pemusatan kotak dengan kedudukan mutlak
- 31-16 Ciri khas kedudukan
- 31-17 Unsur terapung tidak akan menyekat kedudukan teks aliran standard.
- Bab32 Peta fokus Taobao
- 32-1 analisis susun atur
- 32-2 pengeluaran kotak besar
- 32-3 Pengeluaran butang anak panah kiri
- 32-4 Pengeluaran butang anak panah kanan
- 32-5 pengeluaran modul kotak ul
- 32-6 li pengeluaran modul titik kecil
- 32-7 Ringkasan susun atur laman web
- Bab33 Kentang kentang
- 33-1 paparan menunjukkan elemen tersembunyi
- 33-2 keterlihatan menunjukkan elemen tersembunyi
- 33-3 limpahan tunjuk sembunyi
- 33-4 Sarung Kentang (Bahagian 1)
- 33-5 Sarung kentang (Bahagian 2)
- Bab34 Petua CSS Lanjutan
- 34-1 pengenalan
- 34-2 Mengapa teknologi bunian diperlukan
- 34-3 Penggunaan carta sprite (prinsip)
- 34-4 Penggunaan gambar rajah Sprite (kod)
- 34-5 Contoh sprite - eja nama anda
- 34-6 Penjanaan Ikon Font dan Kelebihan
- 34-7 Muat turun ikon fon
- 34-8 Penggunaan ikon fon
- 34-9 Prinsip menambah dan memuatkan ikon fon
- 34-10 Cara menggunakan segi tiga CSS
- 34-11 Aplikasi segitiga CSS-kesan Jingdong
- 34-12 Antara Muka Pengguna - Gaya Tetikus
- 34-13 Antara Muka Pengguna - Nyahgariskan borang dan mengelakkan penyeretan medan teks
- 34-14 penjajaran menegak melaksanakan penjajaran tengah menegak bagi blok sebaris dan teks
- 34-15 Penyelesaian kepada jurang kosong di bahagian bawah gambar
- 34-16 Teks baris tunggal melimpahi paparan elipsis
- 34-17 Teks berbilang baris melimpahi paparan elipsis
- 34-18 Kemahiran susun atur - bijak menggunakan margin negatif (Bahagian 1)
- 34-19 Kemahiran susun atur - penggunaan bijak nilai margin negatif (Bahagian 2)
- 34-20 Teknik susun atur - penggunaan teks yang bijak di sekeliling elemen terapung
- 34-21 Teknik susun atur - bijak menggunakan blok sebaris
- 34-22 Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 1)
- 34-23 Kemahiran susun atur - penggunaan bijak segi tiga CSS (Bahagian 2)
- 34-24 Permulaan CSS
- Bab35 HTML5 baharu
- 35-1 HTML5CSS3 menambah baik navigasi
- 35-2 Tambah tag semantik
- 35-3 Tambahkan teg video
- 35-4 Tambah tag audio
- 35-5 Tambah borang input
- 35-6 Tambah sifat borang baharu
- Bab36 Baru dalam CSS3
- 36-1 Pemilih atribut (atas)
- 36-2 Pemilih atribut (di bawah)
- 36-3 Pemilih kelas pseudo struktur - memilih elemen ke-n
- 36-4 pemilih anak ke-nth (atas)
- 36-5 pemilih anak ke-nth (di bawah)
- 36-6 Perbezaan antara nth-child dan nth-of-type
- 36-7 Senario dan asal penggunaan pemilih unsur pseudo
- 36-8 Penggunaan asas pemilih unsur pseudo
- 36-9 ikon fon padanan senario penggunaan pemilih unsur pseudo
- 36-10 Senario penggunaan unsur pseudo-kesan kentang tiruan
- 36-11 Pemilih unsur pseudo - Unsur pseudo membersihkan sifat terapung
- 36-12 Kotak sempadan model kotak CSS3
- 36-13 Pemprosesan kabur imej CSS3
- 36-14 Kira fungsi kalk lebar kotak
- 36-15 Peralihan atribut baharu CSS3 (Bahagian 1)
- 36-16 Peralihan atribut baharu CSS3 (Bahagian 2)
- 36-17 Latihan peralihan CSS3
- 36-18 Umum H5 (faham)
- Bab37 Projek Pinyogou
- 37-1 pengenalan
- 37-2 Proses penghasilan laman web
- 37-3 Perancangan projek Pinyogou
- 37-4 Pembinaan projek Pinyogou
- 37-5 Projek Pinyogou-Pembangunan Gaya Modular
- 37-6 Pengeluaran ikon favicon projek Pinyougou
- 37-7 Projek Pinyougou-TDK tiga pengoptimuman SEO label utama
- 37-8 Pembinaan struktur pintasan navigasi cepat halaman utama Pinyogou
- 37-9 Halaman Utama Pinyogou-Navigasi Pantas Pengeluaran Sebelah Kiri
- 37-10 Navigasi pantas halaman utama Pinyougou dibina di sebelah kanan
- 37-11 Ikon fon halaman utama Pinyogou di sebelah kanan navigasi pantas
- 37-12 Pembinaan modul pengepala halaman utama Pinyogou
- 37-13 Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 1)
- 37-14 Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 2)
- 37-15 Modul carian halaman utama Pinyogou (Bahagian 1)
- 37-16 Modul carian halaman utama Pinyogou (Bahagian 2)
- 37-17 Modul halaman utama-hotwords Pinyogou
- 37-18 Pengeluaran modul halaman utama-kereta beli-belah Pinyogou
- 37-19 Modul statistik troli beli-belah mengira halaman utama Pinyougou
- 37-20 Pembinaan modul navigasi halaman utama Pinyogou-nav
- 37-21 Pengeluaran modul lungsur halaman utama Pinyogou
- 37-22 Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 1)
- 37-23 Halaman utama Pinyougou-Navigasi pengeluaran pengelasan terperinci (Bahagian 2)
- 37-24 Pengeluaran modul halaman utama-navitems Pinyogou
- 37-25 Pembinaan modul bahagian bawah halaman utama-pengaki Pinyougou
- 37-26 Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 1)
- 37-27 Pengeluaran modul halaman utama-mod-servecie Pinougou (Bahagian 2)
- 37-28 Pengeluaran modul halaman utama Pinyougou-mod_help
- 37-29 Pengeluaran modul laman utama-mod_copyright Pinougou
- 37-30 Laman utama Pinyougou-pembinaan kotak utama utama
- 37-31 Modul laman utama Pinyogou-newsflash
- 37-32 Pengeluaran modul halaman utama-berita-hd Pinyogou
- 37-33 Pengeluaran modul halaman utama Pinyogou-baharu-bd
- 37-34 Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 1)
- 37-35 Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 2)
- 37-36 Rekom modul yang disyorkan halaman utama Pinyogou (Bahagian 1)
- 37-37 Rekom modul yang disyorkan halaman utama Pinougou (Bahagian 2)
- 37-38 Halaman Utama Pinyogou-Pembinaan Modul Perkakas Rumah Tangga
- 37-39 Halaman Utama Pinyougou-Pengeluaran Modul Perkakas Rumah Tangga
- 37-40 Keperluan susun atur prinsip tab bar tab
- 37-41 susun atur item senarai-tab_tab utama Pinyougou (Bahagian 1)
- 37-42 susun atur item senarai-tab_tab utama Pinyougou (tengah)
- 37-43 susun atur item senarai-tab_tab utama Pinyougou (Bahagian 2)
- 37-44 Senarai Pembelian Produk-Pembinaan Struktur
- 37-45 Pengeluaran modul jualan kilat halaman senarai Pinyougo
- 37-46 Pinyougou senarai halaman-pengubahsuaian modul navigasi
- 37-47 Halaman senarai Pinyougou-masalah kecil
- 37-48 Senarai Pinyougou hujung halaman
- 37-49 Pengepala halaman pendaftaran Pinyogou pengeluaran
- 37-50 Halaman senarai Pinyougo - pengeluaran pengepala modul utama pendaftaran
- 37-51 Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 1)
- 37-52 Halaman pendaftaran Pinyogou - pengeluaran subjek pendaftaran (Bahagian 2)
- 37-53 Modul keselamatan halaman pendaftaran Pinyogou
- 37-54 Modul persetujuan halaman pendaftaran Pinyougo dan modul pendaftaran lengkap
- 37-55 Halaman projek Pinyogou melompat antara satu sama lain dan pengaturan kerja
- 37-56 apa itu pelayan
- 37-57 Mohon ruang percuma dan muat naik laman web
![Projek hadapan-Shangyou [amalan komprehensif teknologi HTML/CSS/JS]](https://img.php.cn/upload/course/000/000/068/63bfcb2974f91471.jpg)
![Kursus front-end berasaskan sifar [pembelajaran lanjutan Vue dan aplikasi praktikal]](https://img.php.cn/upload/course/000/000/068/63bbd15353895588.jpg)
![Tutorial bahagian hadapan WEB [HTML5+CSS3+JS]](https://img.php.cn/upload/course/000/000/068/63ba60c8da520536.jpg)
![Aplikasi praktikal Apipost [api, antara muka, ujian automatik, olok-olok]](https://img.php.cn/upload/course/000/000/068/63b3c967a20f4861.jpg)
