bahagian seterusnya: 相对定位573 permainan

5 秒后自动播放下一节
  Tonton Lagi

Bermula dengan HTML5+CSS3 untuk pemula hadapan

pengenalan >
babperisian kursus
Bab1Pengenalan Kursus dan Pengetahuan Asas Komputer

laluan pembelajaran

03 minitunit-symbols

Pengenalan kepada HTML

00 minitunit-symbols

Konsep berkaitan web

07 minitunit-symbols

Pelayar dan kernel biasa

04 minitunit-symbols

piawaian web

07 minitunit-symbols
Bab2Sintaks dan struktur asas HTML

Pengenalan kepada tag HTML

01 minitunit-symbols

Spesifikasi sintaks HTML

07 minitunit-symbols

Tag struktur asas HTML

07 minitunit-symbols

Halaman penciptaan alat VSCode

06 minitunit-symbols

DOCTYPE dan lang dan peranan set watak

08 minitunit-symbols
Bab3tag HTML

semantik tag

02 minitunit-symbols

tag tajuk

05 minitunit-symbols

Tag perenggan dan tag pemisah baris

06 minitunit-symbols

Kes berita sukan

04 minitunit-symbols

tag pemformatan teks

07 minitunit-symbols

tag div dan span

04 minitunit-symbols

Tag imej (atas)

09 minitunit-symbols

Tag imej (di bawah)

04 minitunit-symbols

Perkara yang perlu diberi perhatian tentang tag imej

02 minitunit-symbols
Bab4Laluan relatif vs laluan mutlak

Folder direktori dan direktori akar

06 minitunit-symbols

Laluan relatif (atas)

06 minitunit-symbols

Laluan relatif (di bawah)

02 minitunit-symbols

jalan mutlak

03 minitunit-symbols
Bab5Pautan dan Sauh

Tag pautan (atas)

08 minitunit-symbols

Tag pautan (di bawah)

09 minitunit-symbols

pautan sauh

07 minitunit-symbols

Tag komen dan watak istimewa

08 minitunit-symbols
Bab6Kes yang komprehensif

Kes Komprehensif (Bahagian 1)

10 minitunit-symbols

Kes Komprehensif (Bahagian 2)

05 minitunit-symbols
Bab7jadual HTML

Pengenalan kepada tag HTML (Bahagian 2)

01 minitunit-symbols

Penggunaan asas label jadual

08 minitunit-symbols

Label sel pengepala

02 minitunit-symbols

Atribut berkaitan jadual (faham)

08 minitunit-symbols

Kes ranking novel

09 minitunit-symbols

Tag struktur jadual

04 minitunit-symbols

Mencantumkan sel

08 minitunit-symbols

Ringkasan jadual

03 minitunit-symbols
Bab8senarai HTML

senarai tidak teratur

08 minitunit-symbols

senarai pesanan

03 minitunit-symbols

senarai tersuai

06 minitunit-symbols

Ringkasan senarai

02 minitunit-symbols
Bab9Borang HTML

Membentuk senario dan klasifikasi penggunaan

04 minitunit-symbols

medan borang

05 minitunit-symbols

Kotak teks atribut jenis input dan kotak kata laluan

06 minitunit-symbols

Butang radio atribut jenis input dan kotak semak

04 minitunit-symbols

nama input dan atribut nilai

05 minitunit-symbols

Atribut input yang disemak dan panjang maksimum

03 minitunit-symbols

Soalan dan Jawapan Bilik Darjah tentang Senario Penggunaan Empat Atribut Elemen Borang Input

03 minitunit-symbols

Butang hantar atribut jenis input dan set semula

06 minitunit-symbols

jenis input atribut butang biasa dan medan fail

04 minitunit-symbols

label label

06 minitunit-symbols

pilih borang lungsur

05 minitunit-symbols

label kawasan teks textarea

05 minitunit-symbols

Ringkasan unsur bentuk

02 minitunit-symbols
Bab10Kes yang komprehensif

halaman pendaftaran (1)

08 minitunit-symbols

muka surat pendaftaran (2)

08 minitunit-symbols

Muka surat pendaftaran (3)

05 minitunit-symbols

muka surat pendaftaran (4)

03 minitunit-symbols

Belajar membaca dokumen

06 minitunit-symbols
Bab11Pengenalan kepada jadual demo cascading css

Pengenalan kepada Lembaran Gaya Cascading CSS

01 minitunit-symbols

Pengenalan kepada CSS

05 minitunit-symbols
Bab12spesifikasi sintaks css dan gaya kod

Alami spesifikasi sintaks CSS

07 minitunit-symbols

Gaya kod CSS

04 minitunit-symbols
Bab13pemilih css

Peranan pemilih css

03 minitunit-symbols

pemilih tag

06 minitunit-symbols

pemilih kelas

10 minitunit-symbols

Lukis kotak menggunakan pemilih kelas

05 minitunit-symbols

Penggunaan khas pemilih kelas - berbilang nama kelas

08 minitunit-symbols

pemilih id

06 minitunit-symbols

pemilih kad bebas

05 minitunit-symbols
Bab14fon css

font-family menetapkan keluarga font

07 minitunit-symbols

saiz fon saiz fon

04 minitunit-symbols

ketebalan font berat fon

08 minitunit-symbols

gaya fon gaya fon

03 minitunit-symbols

Cara menulis atribut komposit fon

07 minitunit-symbols

Ringkasan sifat fon

03 minitunit-symbols
Bab15csstext

warna teks

05 minitunit-symbols

Penjajaran teks penjajaran teks

03 minitunit-symbols

teks-hiasan teks-hiasan

05 minitunit-symbols

inden teks-inden teks

05 minitunit-symbols

Jarak garisan ketinggian garis

08 minitunit-symbols

Ringkasan sifat teks css

03 minitunit-symbols
Bab16lembaran gaya css

helaian gaya dalaman

04 minitunit-symbols

helaian gaya sebaris

04 minitunit-symbols

helaian gaya luaran

05 minitunit-symbols

Ringkasan kaedah pengenalan css

02 minitunit-symbols
Bab17Kes yang komprehensif

halaman berita

06 minitunit-symbols

Ubah suai gaya (1)

04 minitunit-symbols

Ubah suai gaya (2)

07 minitunit-symbols

Ubah suai gaya (3)

03 minitunit-symbols

Penggunaan alat penyahpepijatan krom

07 minitunit-symbols
Bab18sintaks emmet

css panduan hari kedua

01 minitunit-symbols

sintaks emmet menjana teg html

09 minitunit-symbols

sintaks emmet untuk menjana gaya css dengan cepat

03 minitunit-symbols

Cepat format kod

05 minitunit-symbols
Bab19pemilih kompaun

Pengenalan kepada pemilih kompaun

01 minitunit-symbols

pemilih keturunan

08 minitunit-symbols

Pemilih elemen kanak-kanak

03 minitunit-symbols

Latihan kelas

02 minitunit-symbols

Pemilih kesatuan

06 minitunit-symbols

Pautan pemilih kelas pseudo (Bahagian 1)

09 minitunit-symbols

Pautkan pemilih kelas pseudo (di bawah)

05 minitunit-symbols

pemilih kelas pseudo fokus

03 minitunit-symbols

Ringkasan pemilih kompaun

03 minitunit-symbols
Bab20Mod paparan elemen

Apakah mod paparan elemen

04 minitunit-symbols

elemen blok

06 minitunit-symbols

Elemen sebaris

05 minitunit-symbols

elemen blok sebaris

03 minitunit-symbols

Ringkasan mod paparan elemen

03 minitunit-symbols

Penukaran mod paparan

08 minitunit-symbols
Bab21Kes kecil bar sisi

Penggunaan snipaste alat kecil

04 minitunit-symbols

Versi ringkas sarung bar sisi Xiaomi

07 minitunit-symbols

Prinsip pemusatan menegak teks baris tunggal

07 minitunit-symbols

warna latar belakang

03 minitunit-symbols

Gambar latar belakang

04 minitunit-symbols

jubin latar belakang

05 minitunit-symbols

Kata nama orientasi kedudukan latar belakang

07 minitunit-symbols

Kes lokasi latar belakang satu

06 minitunit-symbols

Kes lokasi latar belakang 2-Gambar latar belakang Raja Kemuliaan

04 minitunit-symbols

Kedudukan latar belakang - unit tepat

04 minitunit-symbols

Kedudukan Latar Belakang - Unit Bercampur

04 minitunit-symbols

latar belakang tetap

04 minitunit-symbols

Kaedah penulisan komposit atribut latar belakang

03 minitunit-symbols

warna latar belakang lut sinar

06 minitunit-symbols

Ringkasan latar belakang

03 minitunit-symbols

Navigasi Lima Warna Kes Komprehensif (Bahagian 1)

07 minitunit-symbols

Navigasi Lima-Cai Kes Komprehensif (2)

03 minitunit-symbols
Bab22Tiga ciri utama CSS

Kebolehtimbunan

04 minitunit-symbols

harta pusaka

04 minitunit-symbols

pewarisan ketinggian baris

09 minitunit-symbols

keutamaan

06 minitunit-symbols

Isu keutamaan

07 minitunit-symbols

Tindanan pemberat CSS

06 minitunit-symbols

Dua latihan bebanan

05 minitunit-symbols
Bab23model kotak

Pengenalan kepada model kotak

01 minitunit-symbols

Fahami intipati susun atur halaman web

03 minitunit-symbols

Komponen model kotak

03 minitunit-symbols

sempadan model kotak

07 minitunit-symbols

Kaedah penulisan majmuk sempadan

07 minitunit-symbols

sempadan garis nipis meja

05 minitunit-symbols

Sempadan mempengaruhi saiz sebenar kotak

03 minitunit-symbols

Pelapik jidar dalam model kotak

04 minitunit-symbols

sifat kompaun padding

06 minitunit-symbols

padding akan mempengaruhi saiz sebenar kotak

04 minitunit-symbols

aplikasi padding-Sina Navigation Bar (Bahagian 1)

06 minitunit-symbols

aplikasi padding-Sina Navigation (Bahagian 2)

05 minitunit-symbols

Pengubahsuaian bar sisi Xiaomi

02 minitunit-symbols

Padding tidak akan menahan kotak terbuka

04 minitunit-symbols

Jidar model kotak

06 minitunit-symbols

Penggunaan biasa margin--kotak peringkat blok dijajarkan secara mendatar dan tengah

03 minitunit-symbols

Elemen sebaris dan elemen blok sebaris dipusatkan secara mendatar

02 minitunit-symbols

Pencantuman margin - jidar menegak elemen blok bersebelahan

04 minitunit-symbols

Pencantuman margin - elemen blok bersarang runtuh

06 minitunit-symbols

Jidar dalam dan luar yang jelas

04 minitunit-symbols
Bab24Kes yang komprehensif

Operasi asas ps

05 minitunit-symbols

Analisis susun atur modul kes-produk yang komprehensif

02 minitunit-symbols

Susun atur kotak kes yang komprehensif

03 minitunit-symbols

Penghasilan gambar kes dan perenggan yang komprehensif

06 minitunit-symbols

Penilaian kes yang komprehensif dan pengeluaran terperinci

06 minitunit-symbols

Pengeluaran butiran baris kes-menegak yang komprehensif

04 minitunit-symbols

Guru menerangkan

05 minitunit-symbols

Analisis susun atur modul ekspres

02 minitunit-symbols

Pengeluaran pengepala modul ekspres

06 minitunit-symbols

Penciptaan senarai modul ekspres

07 minitunit-symbols
Bab25sempadan bulat

Prinsip sempadan bulat

06 minitunit-symbols

Penggunaan sudut bulat

07 minitunit-symbols
Bab26bayang

bayang kotak

09 minitunit-symbols

bayangan teks

01 minitunit-symbols
Bab27terapung

Panduan terapung

02 minitunit-symbols

Tiga cara susun atur laman web tradisional

04 minitunit-symbols

Mengapa terapung diperlukan

05 minitunit-symbols

apa itu terapung

04 minitunit-symbols

Ciri-ciri Terapung-Di luar Standard

06 minitunit-symbols

Sifat terapung-elemen terapung dipaparkan dalam satu baris

03 minitunit-symbols

Sifat terapung - Unsur terapung mempunyai sifat blok sebaris

04 minitunit-symbols

Unsur terapung sering dipasangkan dengan elemen induk aliran standard

03 minitunit-symbols

Latihan Susunatur Terapung-1

04 minitunit-symbols

Latihan Susunatur Terapung-2

09 minitunit-symbols

Latihan Terapung-Modul Telefon Bimbit (Bahagian 1)

06 minitunit-symbols

Latihan Terapung-Modul Telefon Bimbit (Bahagian 2)

05 minitunit-symbols

Susun atur halaman web biasa

10 minitunit-symbols

Dua perkara yang perlu diperhatikan tentang terapung

07 minitunit-symbols
Bab28terapung jelas

Mengapa terapung jelas

10 minitunit-symbols

Sifat terapung yang jelas dan kaedah label tambahan

07 minitunit-symbols

Kosongkan limpahan unsur induk terapung

02 minitunit-symbols

Jelas terapung selepas unsur pseudo

05 minitunit-symbols

Elemen pseudo berganda terapung yang jelas

03 minitunit-symbols

terapung jelas

02 minitunit-symbols
Bab29ps potong gambar

Format imej biasa

03 minitunit-symbols

Pemotongan lapisan (atas)

04 minitunit-symbols

Potongan lapisan (di bawah)

04 minitunit-symbols

alat potong

07 minitunit-symbols

pemasangan pemotong

04 minitunit-symbols

Petua untuk menggunakan cutterman

06 minitunit-symbols
Bab30Kes Dalam Talian Xuecheng

Persediaan

06 minitunit-symbols

susunan penulisan atribut css (penting)

04 minitunit-symbols

Idea keseluruhan susun atur halaman

05 minitunit-symbols

Penciptaan kawasan pengepala

08 minitunit-symbols

Pengeluaran kawasan logo

04 minitunit-symbols

Pengeluaran kawasan navigasi bar navigasi (Bahagian 1)

06 minitunit-symbols

Pengeluaran kawasan navigasi bar navigasi (tengah)

05 minitunit-symbols

Pengeluaran kawasan navigasi bar navigasi (Bahagian 2)

02 minitunit-symbols

Carian pengeluaran input modul carian

08 minitunit-symbols

Cari pengeluaran butang modul carian

05 minitunit-symbols

Penghasilan modul pengguna

04 minitunit-symbols

Penghasilan modul sepanduk

06 minitunit-symbols

Pengeluaran modul subnav (Bahagian 1)

05 minitunit-symbols

Pengeluaran modul subnav (Bahagian 2)

03 minitunit-symbols

Penghasilan modul kursus (Bahagian 1)

04 minitunit-symbols

penghasilan modul kursus (sederhana)

03 minitunit-symbols

Penghasilan modul kursus (Bahagian 2)

07 minitunit-symbols

Modul pengesyoran premium (Bahagian 1)

03 minitunit-symbols

Modul pengesyoran premium (sederhana)

03 minitunit-symbols

Modul pengesyoran premium (Bahagian 2)

04 minitunit-symbols

pengeluaran modul box-hd

07 minitunit-symbols

pengeluaran modul box-bd

05 minitunit-symbols

modul kotak selesai

05 minitunit-symbols

penghasilan modul footer

04 minitunit-symbols

penghasilan modul hak cipta

06 minitunit-symbols

memautkan penghasilan modul

04 minitunit-symbols
Bab31kedudukan

Panduan kedudukan

00 minitunit-symbols

Mengapa kedudukan diperlukan

03 minitunit-symbols

Komposisi kedudukan

04 minitunit-symbols

kedudukan relatif

08 minitunit-symbols

Kedudukan mutlak - tiada kedudukan ibu bapa atau tiada kedudukan ibu bapa

07 minitunit-symbols

Kedudukan mutlak - ibu bapa mempunyai status kedudukan

06 minitunit-symbols

Kedudukan mutlak yang di luar standard tidak menduduki kedudukan asalnya.

02 minitunit-symbols

asal usul bapa

07 minitunit-symbols

Kes modul bapa-panas mutlak anak lelaki

07 minitunit-symbols

Kedudukan tetap

07 minitunit-symbols

Petua untuk kedudukan tetap - tetapkan di sebelah kanan bahagian tengah halaman

06 minitunit-symbols

Kedudukan Melekit (Faham)

05 minitunit-symbols

Ringkasan kedudukan

02 minitunit-symbols

Susunan susunan kedudukan

07 minitunit-symbols

Algoritma pemusatan kotak dengan kedudukan mutlak

07 minitunit-symbols

Ciri khas kedudukan

02 minitunit-symbols

Unsur terapung tidak akan menyekat kedudukan teks aliran standard.

05 minitunit-symbols
Bab32Peta fokus Taobao

analisis susun atur

03 minitunit-symbols

pengeluaran kotak besar

Pengeluaran butang anak panah kiri

07 minitunit-symbols

Pengeluaran butang anak panah kanan

pengeluaran modul kotak ul

li pengeluaran modul titik kecil

Ringkasan susun atur laman web

Bab33Kentang kentang

paparan menunjukkan elemen tersembunyi

06 minitunit-symbols

keterlihatan menunjukkan elemen tersembunyi

limpahan tunjuk sembunyi

Sarung Kentang (Bahagian 1)

Sarung kentang (Bahagian 2)

Bab34Petua CSS Lanjutan

pengenalan

01 minitunit-symbols

Mengapa teknologi bunian diperlukan

04 minitunit-symbols

Penggunaan carta sprite (prinsip)

06 minitunit-symbols

Penggunaan gambar rajah Sprite (kod)

06 minitunit-symbols

Contoh sprite - eja nama anda

07 minitunit-symbols

Penjanaan Ikon Font dan Kelebihan

05 minitunit-symbols

Muat turun ikon fon

05 minitunit-symbols

Penggunaan ikon fon

08 minitunit-symbols

Prinsip menambah dan memuatkan ikon fon

04 minitunit-symbols

Cara menggunakan segi tiga CSS

05 minitunit-symbols

Aplikasi segitiga CSS-kesan Jingdong

03 minitunit-symbols

Antara 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

Bab35HTML5 baharu

HTML5CSS3 menambah baik navigasi

Tambah tag semantik

Tambahkan teg video

Tambah tag audio

Tambah borang input

Tambah sifat borang baharu

Bab36Baru dalam CSS3

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)

Bab37Projek Pinyogou

pengenalan

00 minitunit-symbols

Proses penghasilan laman web

05 minitunit-symbols

Perancangan 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-symbols

Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 1)

06 minitunit-symbols

Pinyougou laman utama-logoSEO pengoptimuman (Bahagian 2)

04 minitunit-symbols

Modul carian halaman utama Pinyogou (Bahagian 1)

06 minitunit-symbols

Modul 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-symbols

Pengeluaran laman utama Pinyogou-lifeservice (Bahagian 2)

07 minitunit-symbols

Rekom 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-symbols

Modul 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

  • BatalbalasMenghantar
  • Batalhantar notaMenghantar