Name: Front-end basic HTML5+CSS3 from entry to proficiency (full version)
Uploaded: 2022-03-29T16:45:17+8:00
Duration: 2259 min 54 s
Description: This video is recorded based on the latest web standards in 2021, including all new features of HTML5+CSS3. It provides in-depth explanations of traditional layout, flexible box layout, responsive layout, and grid layout, creating a one-stop knowledge long-term service, and you can get started easily even with no basic knowledge. study.

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

部分浏览器不支持，请下载APP观看

Next Section： rem布局准备工作1447 plays

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

部分浏览器不支持，请下载APP观看

Next Section： rem布局准备工作1447 plays

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

Allpost a note