Next Section: 案例-banner1169 plays

5 秒后自动播放下一节
  Watch Again

Front-end HTML5+CSS3 (goddess version)

Introduction >
ChapterCourseware
Chapter1First introduction to HTML

Tutoring

08 minutes27 seconds

Web page composition and nature

05 minutes54 seconds

Getting to know browsers for the first time

06 minutes57 seconds

web standards

07 minutes32 seconds

HTML awareness

12 minutes16 seconds

HTML skeleton

06 minutes07 seconds

Introduction and use of vscode

11 minutes47 seconds

Comment

06 minutes50 seconds

Tag composition and relationships

06 minutes16 seconds

titles and paragraphs

14 minutes02 seconds

Line breaks and horizontal line labels

03 minutes59 seconds

text formatting tag

09 minutes47 seconds

Basic use of pictures

09 minutes04 seconds

Image properties

08 minutes31 seconds

absolute path

10 minutes24 seconds

Relative paths - siblings and subordinates

10 minutes17 seconds

Relative path-parent

05 minutes34 seconds

audio tag

09 minutes27 seconds

video tag

07 minutes36 seconds

Hyperlink

15 minutes09 seconds

Comprehensive Case-Recruitment

12 minutes23 seconds

Comprehensive case-jump-index

08 minutes22 seconds

Comprehensive case-jump-other pages

08 minutes17 seconds
Chapter2HTML basics

List-usage scenarios

04 minutes10 seconds

Lists - unordered and ordered

08 minutes40 seconds

List-Custom

05 minutes11 seconds

Table-Use

13 minutes20 seconds

Table - table title and header cells

07 minutes20 seconds

Table-Structure Tag

08 minutes55 seconds

Table-Merge Cells

10 minutes05 seconds

Form-application scenario

03 minutes30 seconds

Basic use of form-input

14 minutes29 seconds

Form-input-placeholder (prompt message)

04 minutes05 seconds

Form-radio function and default selection

09 minutes10 seconds

Form-upload multiple files

02 minutes57 seconds

form-button-input

11 minutes53 seconds

form-button-button

05 minutes14 seconds

Form-drop-down menu

07 minutes18 seconds

form-textfield

04 minutes34 seconds

form-label label

08 minutes54 seconds

Semantic tags

11 minutes34 seconds

character entity

04 minutes17 seconds

Comprehensive Case-Student Information Form

09 minutes57 seconds

Comprehensive case-form

15 minutes40 seconds
Chapter3CSS basics

Experience css

12 minutes01 seconds

css introduction method

10 minutes25 seconds

selector-label

04 minutes31 seconds

selector-class

08 minutes35 seconds

selector-id

07 minutes02 seconds

Selector-Wildcard

04 minutes51 seconds

Text basic style

09 minutes34 seconds

Character-font

12 minutes00 seconds

Expansion - cascading

02 minutes07 seconds

font composite property

08 minutes27 seconds

text indent

05 minutes20 seconds

horizontal alignment

07 minutes37 seconds

text decoration line

04 minutes48 seconds

Yukidaka

09 minutes22 seconds

Google Debugging Tools

12 minutes37 seconds

Expansion-color value

06 minutes28 seconds

Expand-Label Centering

04 minutes01 seconds

Comprehensive Case 1-Title Completed

13 minutes50 seconds

Comprehensive Case 1-News-Content

05 minutes25 seconds

Comprehensive case 2-picture completed

11 minutes40 seconds

Comprehensive Case 2-Product-Text Effect

07 minutes25 seconds
Chapter4CSS advanced

selector-descendent

08 minutes29 seconds

Selector-Children

05 minutes43 seconds

selector-union

04 minutes47 seconds

selector-intersection

06 minutes03 seconds

Selector-pseudo-class

04 minutes33 seconds

emmet syntax

14 minutes14 seconds

background - background color

05 minutes17 seconds

Background - background image

04 minutes00 seconds

Background - background tile

04 minutes55 seconds

background-background position

09 minutes52 seconds

background-background

11 minutes56 seconds

The difference between background image and img

08 minutes24 seconds

Display Mode-Block

08 minutes31 seconds

Display mode - inline

06 minutes00 seconds

Display mode - inline block

04 minutes02 seconds

display mode-conversion

07 minutes57 seconds

Expansion-Tag nesting

06 minutes47 seconds

CSS Properties - Inheritance

13 minutes46 seconds

CSS properties - cascading

03 minutes59 seconds

Comprehensive case 1

09 minutes43 seconds

Comprehensive case 2

11 minutes37 seconds
Chapter5CSS box model

Priority - Basic Testing

13 minutes50 seconds

Priority-overlay calculation

09 minutes06 seconds

Priority - Calculation Question

14 minutes20 seconds

Google-Troubleshooting

13 minutes20 seconds

PxCook

12 minutes27 seconds

Box model-composition

12 minutes45 seconds

Box model-browser effect

04 minutes10 seconds

Box model - content width and height

03 minutes01 seconds

Box model-border usage

11 minutes10 seconds

Box model-size calculation-border

04 minutes31 seconds

Box Model-Case

06 minutes39 seconds

Sina Navigation-Layout div

07 minutes13 seconds

Sina Navigation-Content a

13 minutes07 seconds

Box model-padding-multi-value

13 minutes26 seconds

Box model-size-border and padding

04 minutes08 seconds

Sina Navigation-padding optimization

06 minutes03 seconds

Box model-internal subtraction mode

04 minutes46 seconds

Box model-margins

03 minutes19 seconds

Clear default styles

11 minutes10 seconds

Centered version

04 minutes58 seconds

Comprehensive case-news list-div layout

05 minutes23 seconds

Comprehensive Cases-News List-Titles

09 minutes34 seconds

Comprehensive Cases-News List-Content

09 minutes07 seconds

Margins-problem

13 minutes38 seconds

Vertical inner and outer margins for inline elements

04 minutes20 seconds
Chapter6CSS float

Structural pseudo-class-basic usage

07 minutes55 seconds

Structural pseudo-class-formula

09 minutes35 seconds

Pseudo element

12 minutes11 seconds

standard stream

02 minutes47 seconds

Float - Experiencing inline block issues

08 minutes10 seconds

float-effect

06 minutes59 seconds

float-features

12 minutes12 seconds

Comprehensive case-Xiaomi layout

07 minutes38 seconds

Extension-css attribute order

04 minutes56 seconds

Comprehensive case-Xiaomi products-left and right structure

05 minutes20 seconds

Comprehensive case-Xiaomi products-li

08 minutes34 seconds

Comprehensive Case-Navigation

13 minutes15 seconds

Clear float-scene construction

11 minutes03 seconds

clear float-extra tags

04 minutes39 seconds

Clear float-single pseudo-element

07 minutes35 seconds

clear float-double pseudo-element

06 minutes05 seconds

clear float-overflow

02 minutes15 seconds
Chapter7online projects

Preparation

12 minutes41 seconds

Typesetting and clearing default styles

11 minutes36 seconds

header layout

04 minutes51 seconds

logo and nav layout

05 minutes52 seconds

nav content completed

10 minutes57 seconds

Search-Layouts and TextBoxes

09 minutes57 seconds

Search-Button

06 minutes17 seconds

user area

06 minutes47 seconds

banner-layout

07 minutes44 seconds

banner-left completed

07 minutes27 seconds

banner-right-title

03 minutes16 seconds

banner-right-content

08 minutes49 seconds

banner-right-all courses

04 minutes54 seconds

Recommended

12 minutes44 seconds

Premium Course-Title

07 minutes09 seconds

Premium course content

11 minutes12 seconds

Copyright territory-layout

06 minutes15 seconds

Copyright territory-content

08 minutes22 seconds
Chapter8positioning decoration

Function and usage steps

06 minutes07 seconds

relative relative

05 minutes39 seconds

Understand - Position - Things to note

04 minutes13 seconds

Absolute absolute-reference browser

07 minutes39 seconds

paternity

11 minutes44 seconds

Case—Xuecheng Online-hot

07 minutes26 seconds

center

10 minutes03 seconds

migrating

06 minutes09 seconds

Case-QR code

07 minutes13 seconds

case-banner

08 minutes17 seconds

fixed

06 minutes03 seconds

display hierarchy

09 minutes37 seconds

vertical-align-01

11 minutes58 seconds

vertical-align-02

07 minutes17 seconds

Cursor type

07 minutes11 seconds

Rounded Border-Basic Use

09 minutes45 seconds

Rounded Border-Working Scene

06 minutes23 seconds

Overflow display effect-overflow

06 minutes45 seconds

Show Hide-Basic Use

05 minutes49 seconds

Case - QR code display and hide

03 minutes29 seconds

Transparent attribute opacity

02 minutes41 seconds
Chapter9Little Rabbit Fresh Project Construction

css elf-function

03 minutes46 seconds

css sprite-use

14 minutes12 seconds

Background image zoom

11 minutes16 seconds

box shadow

08 minutes09 seconds

transition

09 minutes21 seconds

skeleton tag

10 minutes47 seconds

SEO

12 minutes58 seconds

favicon - title icon

02 minutes42 seconds

Project directory

10 minutes52 seconds

Project code preparation

06 minutes41 seconds

Quick Navigation-Layout

09 minutes26 seconds

Quick Navigation-Content

11 minutes34 seconds

header-layout

10 minutes09 seconds

logo and navigation

09 minutes06 seconds

search

10 minutes56 seconds

shopping cart

07 minutes48 seconds

Copyright-Layout

10 minutes39 seconds

Copyright-li content completed

12 minutes04 seconds

Copyright bottom

04 minutes51 seconds
Chapter10Little Rabbit Fresh Project Main Body

banner-image

06 minutes52 seconds

banner-side navigation-layout

08 minutes16 seconds

banner-side navigation-text content

08 minutes55 seconds

banner-arrow

14 minutes52 seconds

banner-dot

11 minutes03 seconds

Fresh and Good Things-Title

11 minutes42 seconds

Fresh and Good Things-Content-Layout

09 minutes21 seconds

Fresh and good stuff - content completed

06 minutes43 seconds

Fresh and good things-new product text

06 minutes13 seconds

Fresh Food-Title-Layout

09 minutes09 seconds

Fresh food area

10 minutes31 seconds

Fresh Food-Content-Layout

05 minutes05 seconds
  • CancelreplySending
  • Cancelpost a noteSending