Mobile layout: HTML5+CSS3 advanced and enhanced version
The purpose of this course is to enable everyone to master the mobile layout. The course mainly explains the viewport, double image, drain layout, flex layout, rem layout, responsive layout, and also adds tools such as Mockup.
186517
person learning
161
class hour
2022-11-25
update time
19 Hours32 minutes56 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
The purpose of this course is to enable everyone to master the mobile layout. The course mainly explains the viewport, double image, drain layout, flex layout, rem layout, responsive layout, and also adds tools such as Mockup.
Mobile layout: HTML5+CSS3 advanced and enhanced version
Section1 Introduction to HTML5
01 minutes30 seconds
Section2 Basic use of vscode
15 minutes21 seconds
Section3 vscode plug-in installation
11 minutes30 seconds
Section4 What is HTML5
04 minutes53 seconds
Section5 HTML5 new tags
09 minutes30 seconds
Section6 Multimedia audio tags
12 minutes10 seconds
Section7 Multimedia video tags
15 minutes03 seconds
Section8 HTML5 new input tag
12 minutes02 seconds
Section9 HTML5 new form attributes
12 minutes32 seconds
Section10 HTML5 summary
06 minutes52 seconds
Section11 Introduction to CSS3
02 minutes39 seconds
Section12 CSS3 attribute selector (top)
11 minutes18 seconds
Section13 CSS3 attribute selector (below)
10 minutes46 seconds
Section14 CSS3 structural pseudo-class selector (Part 1)
06 minutes19 seconds
Section15 nth-child(n)
12 minutes47 seconds
Section16 The difference between nth-child and nth-of-type
10 minutes22 seconds
Section17 Summary of structural pseudo-class selectors
02 minutes02 seconds
Section18 CSS3 pseudo-element selector
08 minutes48 seconds
Section19 Pseudo element selector case
09 minutes26 seconds
Section20 2D conversion: translate
13 minutes07 seconds
Section21 Center a box horizontally and vertically
09 minutes18 seconds
Section22 2D conversion rotate
05 minutes55 seconds
Section23 CSS3 triangle
07 minutes23 seconds
Section24 Set conversion center point
06 minutes09 seconds
Section25 Rotation center point case
06 minutes56 seconds
Section26 2D conversion scale
06 minutes56 seconds
Section27 Picture enlargement case
11 minutes07 seconds
Section28 Paging button case
03 minutes20 seconds
Section29 Comprehensive writing methods and sequence issues for 2D conversion
05 minutes38 seconds
Section30 2D conversion summary
03 minutes06 seconds
Section31 Basic usage of CSS3 animation
08 minutes56 seconds
Section32 animation sequence
12 minutes41 seconds
Section33 CSS3 animation common properties
16 minutes08 seconds
Section34 CSS3 animation abbreviation
07 minutes17 seconds
Section35 Big data heat map case (Part 1)
14 minutes08 seconds
Section36 Big data heat map case (Part 2)
14 minutes10 seconds
Section37 The steps of the speed curve
08 minutes28 seconds
Section38 Running Bear Big Case
14 minutes25 seconds
Section39 Understanding 3D Transformation
05 minutes20 seconds
Section40 3D translation translate3d
07 minutes57 seconds
Section41 perspectiveperspective
08 minutes53 seconds
Section42 translateZ
09 minutes23 seconds
Section43 3D rotation rotateX
09 minutes43 seconds
Section44 3D rotation rotateY
03 minutes55 seconds
Section45 3D rotation rotateZ
05 minutes50 seconds
Section46 3D rendering transform-style
11 minutes03 seconds
Section47 Two-sided flip box case
12 minutes57 seconds
Section48 3D navigation bar (top)
12 minutes26 seconds
Section49 3D navigation bar (below)
10 minutes48 seconds
Section50 Comprehensive Case-Carousel Case (Part 1)
08 minutes40 seconds
Section51 Comprehensive Case-Carousel Case (Part 2)
08 minutes34 seconds
Section52 Browser private prefix and summary
11 minutes13 seconds
Chapter1 H5C3 strengthened
Section1 Introduction to mobile WEB development flow layout
01 minutes59 seconds
Section2 Mobile terminal basics
09 minutes31 seconds
Section3 Viewport
09 minutes02 seconds
Section4 meta viewport tag
06 minutes53 seconds
Section5 physical pixel to physical pixel ratio
08 minutes45 seconds
Section6 Double chart
12 minutes13 seconds
Section7 Background scaling background-size
10 minutes46 seconds
Section8 Background double image and multi-image cutout
05 minutes38 seconds
Section9 Mobile development options
04 minutes32 seconds
Section10 Mobile technology solutions
10 minutes29 seconds
Section11 Mobile special styles
04 minutes53 seconds
Section12 Mobile technology selection
03 minutes40 seconds
Section13 Fluid layout
10 minutes32 seconds
Section14 Preparation work for JD.com mobile homepage
06 minutes58 seconds
Section15 body settings
06 minutes29 seconds
Section16 app layout
08 minutes29 seconds
Section17 app content filling
07 minutes01 seconds
Section18 Search module layout
09 minutes16 seconds
Section19 Search module content production
08 minutes44 seconds
Section20 How to make a double sprite chart
08 minutes15 seconds
Section21 Focus map production
06 minutes45 seconds
Section22 Brand day module production
07 minutes28 seconds
Section23 Navigation bar nav module production
11 minutes22 seconds
Section24 Newsletter module
07 minutes22 seconds
Section25 JD.com mobile home page end 2
04 minutes31 seconds
Chapter2 Fluid layout
Section1 Introduction to flex layout of mobile WEB development
01 minutes14 seconds
Section2 Flex layout experience
07 minutes02 seconds
Section3 flex layout principle
04 minutes16 seconds
Section4 flex sets the spindle direction
08 minutes14 seconds
Section5 justify-content sets the main axis sub-element arrangement
10 minutes05 seconds
Section6 Whether flex-wrap sub-elements wrap
04 minutes57 seconds
Section7 align-items sets the arrangement of cross-axis child elements
07 minutes35 seconds
Section8 align-content sets the arrangement of cross-axis child elements
11 minutes01 seconds
Section9 flex-flow and summary
03 minutes45 seconds
Section10 Use of child flex properties
14 minutes31 seconds
Section11 align-self and order
04 minutes47 seconds
Section12 Ctrip mobile home page preparation work
06 minutes46 seconds
Section13 Home page layout analysis and search module layout
09 minutes10 seconds
Section14 Search module made by user
12 minutes11 seconds
Section15 Search module production search production
11 minutes22 seconds
Section16 Focus map focus module production
02 minutes47 seconds
Section17 local-nav layout
05 minutes17 seconds
Section18 local-nav content production
11 minutes38 seconds
Section19 Use the attribute selector to change the background image
04 minutes44 seconds
Section20 nav appearance layout
08 minutes50 seconds
Section21 nav content production
10 minutes59 seconds
Section22 Background gradient linear-gradient
06 minutes14 seconds
Section23 subnav-entry module production
In calculation
Section24 Popular activity module production
In calculation
Section25 More welfare module production
In calculation
Section26 sales-bd module production 3
In calculation
Chapter3 flex
Section1 Introduction to mobile WEB development rem adaptive layout
01 minutes20 seconds
Section2 rem unit
11 minutes13 seconds
Section3 Introduction to media query syntax
09 minutes58 seconds
Section4 Media Query Case Background Discoloration
12 minutes20 seconds
Section5 Media query + rem realizes dynamic size changes of elements
07 minutes41 seconds
Section6 Media query introduces resources
09 minutes12 seconds
Section7 Disadvantages of CSS
05 minutes22 seconds
Section8 Introduction to LESS and using variables
09 minutes04 seconds
Section9 less compile easyless plug-in
08 minutes56 seconds
Section10 less nesting
10 minutes17 seconds
Section11 less operation
05 minutes57 seconds
Section12 Principle of rem adaptation scheme
11 minutes53 seconds
Section13 rem final adaptation plan
11 minutes45 seconds
Section14 Suning homepage common.less production
04 minutes43 seconds
Section15 Suning homepage import import style
04 minutes03 seconds
Section16 Suning home page body style settings
07 minutes28 seconds
Section17 Suning homepage search-content module layout
09 minutes02 seconds
Section18 Suning homepage search-content content layout
In calculation
Section19 Suning homepage-search module production
In calculation
Section20 Suning homepage banner and advertising module production
In calculation
Section21 Suning homepage nav part production
In calculation
Section22 rem adaptation solution 2 flexble.js introduction
04 minutes27 seconds
Section23 rem adaptation solution 2 Suning home page preliminary preparation work
03 minutes29 seconds
Section24 rem adaptation scheme 2body style modification
In calculation
Section25 A magical vscode plug-in cssrem
In calculation
Section26 Modify flexible default html font size
In calculation
Section27 rem adaptation solution 2 search-content content production 1
In calculation
Section28 rem adaptation solution 2 search-content content production 2
In calculation
Chapter4 rem layout
Section1 Mobile web development responsive introduction
02 minutes47 seconds
Section2 Responsive development principles
03 minutes01 seconds
Section3 Responsive layout container
12 minutes23 seconds
Section4 Responsive navigation case
06 minutes11 seconds
Section5 Introduction to Bootstrap
10 minutes08 seconds
Section6 Bootstrap usage (Part 1)
08 minutes31 seconds
Section7 Bootstrap usage (Part 2)
05 minutes17 seconds
Section8 Bootstrap layout container
03 minutes51 seconds
Section9 Bootstrap grid system
04 minutes58 seconds
Section10 Use of Bootstrap grid system (Part 1)
12 minutes38 seconds
Section11 Use of Bootstrap grid system (Part 2)
06 minutes28 seconds
Section12 Bootstrap column nesting
08 minutes07 seconds
Section13 Bootstrap column offset
08 minutes06 seconds
Section14 Bootstrap column sorting
03 minutes21 seconds
Section15 Bootstrap responsive tools
06 minutes22 seconds
Section16 Alibaba Baixiu demand analysis
05 minutes59 seconds
Section17 Preparatory work for Ali Baixiu
03 minutes58 seconds
Section18 Modify the maximum width of the container
03 minutes50 seconds
Section19 Alibaba Baixiu logo production
08 minutes02 seconds
Section20 Alibaba Baixiu nav production introduces font icons
08 minutes32 seconds
Section21 Produced by Ali Baixiu News (Part 1)
12 minutes20 seconds
Section22 Produced by Ali Baixiu News (Part 2)
03 minutes24 seconds
Section23 Alibaba Baixiu publish module production
11 minutes50 seconds
Section24 Alibaba Baixiu aside module production
In calculation
Section25 Alibaba Baixiu logo responsive production
09 minutes27 seconds
Section26 Alibaba Baixiu nav responsive production
04 minutes51 seconds
Section27 Alibaba Baixiu news responsive production
05 minutes35 seconds
Section28 Alibaba Baixiu publish responsive production
05 minutes04 seconds
Section29 Mobile terminal development summary
03 minutes07 seconds
Chapter5 Responsive layout
Data Name
Mobile layout: HTML5+CSS3 advanced and enhanced version related courseware
Download
王林 Lecturer Other Courses
Popular courses
JAVA Beginner's Video Tutorial
753 class hour
2982559
Little Turtle's zero-based introduction to learning Python video tutorial
60 class hour
546667
Quick introduction to web front-end development
8 class hour
220790
Master PS video tutorials from scratch
268 class hour
1003301
Latest courses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
[Web front-end] Node.js quick start
16 class hour
16696
Complete collection of foreign web development full-stack courses
12 class hour
13480
Go language practical GraphQL
10 class hour
11115
550W fan master learns JavaScript from scratch step by step
1 class hour
1264
