Next Section: table表格的属性1984 plays

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

Front-end basic HTML5+CSS3 from entry to proficiency (full version)

Introduction >
ChapterCourseware
Chapter1Basic knowledge foundation

HTML5 industry pilot film

12 minutes02 seconds

Why is a web page called HTML?

09 minutes28 seconds

How much do browsers know?

08 minutes20 seconds

Development of web standards

11 minutes50 seconds

your first web page

15 minutes18 seconds

Hand weapon VSCode

20 minutes33 seconds
Chapter2First introduction to HTML

Document declarations and character encodings

18 minutes23 seconds

HTML common tags

26 minutes40 seconds

Encyclopedia entry case

12 minutes23 seconds

Unusual HR

11 minutes29 seconds

special symbols

13 minutes31 seconds

div and span tags

12 minutes11 seconds
Chapter3List and image tags

List - ordered list

13 minutes05 seconds

List - unordered list

08 minutes07 seconds

List - Custom List

06 minutes51 seconds

The path to the image tag

18 minutes29 seconds

Image tag properties

08 minutes01 seconds

Feynman study skills case

16 minutes45 seconds

hyperlink tag

11 minutes51 seconds
Chapter4table table

The basic structure of the table

07 minutes59 seconds

table table attributes

19 minutes27 seconds

attributes of tr

07 minutes16 seconds

attributes of td

06 minutes54 seconds

Table merge

15 minutes43 seconds

Table case

08 minutes54 seconds
Chapter5form

form tag

20 minutes17 seconds
Chapter6css stylesheet

css internal style sheet

12 minutes49 seconds

external style sheet

12 minutes12 seconds

inline style sheet

05 minutes52 seconds

Style sheet priority

08 minutes27 seconds
Chapter7Selector

tag selector

05 minutes11 seconds

class selector

11 minutes57 seconds

id selector

05 minutes32 seconds

wildcard selector

05 minutes48 seconds

Group and descendant selectors

08 minutes53 seconds

Pseudo class selector

11 minutes39 seconds

News Navigation Case

07 minutes33 seconds

Selector weight

13 minutes46 seconds
Chapter8text attribute

size and font

12 minutes19 seconds

text color

08 minutes37 seconds

bold and italic

07 minutes08 seconds

Align text horizontally and center single line text vertically

12 minutes27 seconds

Spacing and first line indentation

10 minutes21 seconds

text decoration line

06 minutes00 seconds

Qianfeng Introduction Case

11 minutes31 seconds

Retrieve case and font

06 minutes24 seconds
Chapter9Background, floating properties

list properties

12 minutes06 seconds

background properties

21 minutes54 seconds

Background image size

07 minutes00 seconds

Background fixing and scrolling

10 minutes32 seconds

Visual difference case

09 minutes49 seconds

Zhihu case

08 minutes14 seconds

Composite properties of background

08 minutes43 seconds

Float property-top

16 minutes29 seconds

Float attribute-down-clear float

12 minutes50 seconds

floating case

09 minutes15 seconds
Chapter10box model

padding

13 minutes04 seconds

Padding properties

07 minutes06 seconds

frame

11 minutes36 seconds

margins

13 minutes27 seconds

Margin properties

20 minutes19 seconds

ps basic operations

14 minutes21 seconds

Box model case

29 minutes02 seconds

overflow property

12 minutes35 seconds

Overflow attribute case

30 minutes35 seconds

overflow ellipsis

10 minutes31 seconds
Chapter11Element display type

block element

09 minutes21 seconds

Inline elements and inline block elements

07 minutes13 seconds

box model

06 minutes10 seconds

Convert element types to each other

11 minutes20 seconds
Chapter12Secondary menu and homepage

Secondary menu

13 minutes00 seconds

Amway homepage-header

31 minutes09 seconds

Amway homepage-banner

08 minutes21 seconds

Amway homepage-body

13 minutes48 seconds

Amway homepage-footer

19 minutes22 seconds
Chapter13position

Positioned attributes and attribute values

10 minutes22 seconds

Static positioning and relative positioning

06 minutes02 seconds

absolute positioning

08 minutes56 seconds

Fixed positioning

05 minutes12 seconds

sticky positioning

05 minutes15 seconds

Positioning case

19 minutes59 seconds

triangle case

16 minutes44 seconds

level in positioning

05 minutes15 seconds

An in-depth exploration of absolute positioning

09 minutes01 seconds

Positioning control elements are centered horizontally and vertically

08 minutes50 seconds

The difference between positioning and floating

03 minutes34 seconds
Chapter14Window adaptive

anchor point

08 minutes30 seconds

sprites

15 minutes09 seconds

Adaptive width and height

20 minutes43 seconds

The height of the parent element of the floating element is adaptive 1

14 minutes59 seconds

The height of the parent element of the floating element is adaptive 2

15 minutes42 seconds

Window adaptive

05 minutes44 seconds
Chapter15Two-column and three-column layouts

two column layout

11 minutes08 seconds

three column layout

15 minutes07 seconds
Chapter16Form advanced

Form advanced - radio button

13 minutes36 seconds

Form Advanced-Checkbox

06 minutes31 seconds

Upload files and hidden fields

15 minutes13 seconds

Drop-down menu

10 minutes48 seconds

text field

12 minutes07 seconds

fieldset

09 minutes54 seconds
Chapter17H5 basics

H5 basics and grammar

11 minutes15 seconds

H5 adds new semantic tags

22 minutes21 seconds

H5 adds audio tag

10 minutes33 seconds

H5 new video tag

07 minutes13 seconds
Chapter18Enhance the form

input

25 minutes11 seconds

Datasheets

05 minutes31 seconds

Attributes

12 minutes32 seconds
Chapter19CSS3 selectors

CSS3 basics

05 minutes44 seconds

level selector

09 minutes37 seconds

attribute selector

17 minutes21 seconds
Chapter20Pseudo class selector

Structural pseudo-class selector

19 minutes14 seconds

target pseudo-class selector

08 minutes06 seconds

UI state pseudo-class selector

12 minutes27 seconds

Negative and dynamic pseudo-class selectors

04 minutes43 seconds
Chapter21shadow

text shadow

06 minutes05 seconds

box shadow

07 minutes06 seconds
Chapter22rounded border

Rounded Border-Top

12 minutes45 seconds

Rounded border-bottom

20 minutes41 seconds

Rounded corner case

22 minutes18 seconds
Chapter23Weirdbox vs. Flexbox

Font introduction

08 minutes17 seconds

weird box model

14 minutes09 seconds

Flexbox

13 minutes08 seconds

Flexible box-modify the spindle direction

06 minutes28 seconds

Spindle side axis alignment

09 minutes47 seconds

Line breaks and line spacing

13 minutes29 seconds

Project-Alignment

11 minutes04 seconds

Project-Adjust the order

04 minutes26 seconds

Project-remaining width and height

11 minutes10 seconds

Alipay Flexible Box Layout Case-Part 1

17 minutes19 seconds

Alipay flexible box layout case-medium

27 minutes35 seconds

Alipay Flexible Box Layout Case-Part 2

10 minutes38 seconds
Chapter24Mobile layout

Mobile layout-Part 1

10 minutes12 seconds

Mobile layout-medium

18 minutes13 seconds

Mobile layout-Part 2

11 minutes54 seconds

Football Circle Mobile Terminal Layout Case-Part 1

14 minutes39 seconds

Football circle mobile terminal layout case-medium

15 minutes44 seconds

Football Circle Mobile Terminal Layout Case-Part 2

18 minutes58 seconds

JD.com Category Page Case-Part 1

14 minutes50 seconds

JD.com Category Page Case-Part 2

12 minutes31 seconds

Mobile layout-horizontal scrolling

05 minutes21 seconds
Chapter25Multi-column layout and responsive layout

multi-column layout

12 minutes28 seconds

Multi-column layout case

08 minutes58 seconds

Responsive layout - media queries

23 minutes02 seconds

Responsive layout-horizontal and vertical screen detection

06 minutes16 seconds

Responsive layout-case

20 minutes21 seconds
Chapter26unit

we are

11 minutes42 seconds

rem layout preparation work

26 minutes29 seconds

football circle rem layout

11 minutes56 seconds

vw and vh

07 minutes16 seconds

Unit conversion

16 minutes35 seconds
Chapter27Gradient

linear gradient

10 minutes27 seconds

radial gradient

18 minutes16 seconds

repeat gradient

04 minutes15 seconds

Tai Chi case

09 minutes30 seconds
Chapter28animation transition properties

animation transition properties

12 minutes51 seconds

animation transition type

06 minutes11 seconds

Animation transition single attribute

04 minutes56 seconds

2d-Translation

11 minutes25 seconds

2d-zoom

11 minutes20 seconds

2d-rotation

10 minutes00 seconds

2d-rotation-folding fan effect case

21 minutes55 seconds

2d-Multiple attribute values

09 minutes31 seconds

2d-tilt

07 minutes26 seconds

Star information card case-1

17 minutes24 seconds

Celebrity Information Card Case-2

12 minutes45 seconds

Keyframe animation properties

16 minutes34 seconds

Keyframe animation - single attribute

19 minutes41 seconds

Keyframe animation carousel case

23 minutes57 seconds

Keyframe animation-frame-by-frame animation case

23 minutes03 seconds

animate animation library

13 minutes54 seconds

3d-pan

18 minutes14 seconds

3d-rotation

08 minutes17 seconds

3d-zoom

05 minutes37 seconds

3d-cube

20 minutes53 seconds
Chapter29grid layout

grid layout

10 minutes38 seconds

Row and column properties

21 minutes10 seconds

spacing

05 minutes03 seconds

Region naming and merging

10 minutes00 seconds

Case 1

11 minutes44 seconds

Alignment

11 minutes56 seconds

Project properties

07 minutes09 seconds

Case-2-Finished

08 minutes28 seconds
  • CancelreplySending
  • Cancelpost a noteSending