search

Next Section: rem适配方案2 search-content内容制作2645 plays

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

Mobile layout: HTML5+CSS3 advanced and enhanced version

Introduction >
ChapterCourseware
Chapter1H5C3 strengthened

Introduction to HTML5

01 minutes30 seconds

Basic use of vscode

15 minutes21 seconds

vscode plug-in installation

11 minutes30 seconds

What is HTML5

04 minutes53 seconds

HTML5 new tags

09 minutes30 seconds

Multimedia audio tags

12 minutes10 seconds

Multimedia video tags

15 minutes03 seconds

HTML5 new input tag

12 minutes02 seconds

HTML5 new form attributes

12 minutes32 seconds

HTML5 summary

06 minutes52 seconds

Introduction to CSS3

02 minutes39 seconds

CSS3 attribute selector (top)

11 minutes18 seconds

CSS3 attribute selector (below)

10 minutes46 seconds

CSS3 structural pseudo-class selector (Part 1)

06 minutes19 seconds

nth-child(n)

12 minutes47 seconds

The difference between nth-child and nth-of-type

10 minutes22 seconds

Summary of structural pseudo-class selectors

02 minutes02 seconds

CSS3 pseudo-element selector

08 minutes48 seconds

Pseudo element selector case

09 minutes26 seconds

2D conversion: translate

13 minutes07 seconds

Center a box horizontally and vertically

09 minutes18 seconds

2D conversion rotate

05 minutes55 seconds

CSS3 triangle

07 minutes23 seconds

Set conversion center point

06 minutes09 seconds

Rotation center point case

06 minutes56 seconds

2D conversion scale

06 minutes56 seconds

Picture enlargement case

11 minutes07 seconds

Paging button case

03 minutes20 seconds

Comprehensive writing methods and sequence issues for 2D conversion

05 minutes38 seconds

2D conversion summary

03 minutes06 seconds

Basic usage of CSS3 animation

08 minutes56 seconds

animation sequence

12 minutes41 seconds

CSS3 animation common properties

16 minutes08 seconds

CSS3 animation abbreviation

07 minutes17 seconds

Big data heat map case (Part 1)

14 minutes08 seconds

Big data heat map case (Part 2)

14 minutes10 seconds

The steps of the speed curve

08 minutes28 seconds

Running Bear Big Case

14 minutes25 seconds

Understanding 3D Transformation

05 minutes20 seconds

3D translation translate3d

07 minutes57 seconds

perspectiveperspective

08 minutes53 seconds

translateZ

09 minutes23 seconds

3D rotation rotateX

09 minutes43 seconds

3D rotation rotateY

03 minutes55 seconds

3D rotation rotateZ

05 minutes50 seconds

3D rendering transform-style

11 minutes03 seconds

Two-sided flip box case

12 minutes57 seconds

3D navigation bar (top)

12 minutes26 seconds

3D navigation bar (below)

10 minutes48 seconds

Comprehensive Case-Carousel Case (Part 1)

08 minutes40 seconds

Comprehensive Case-Carousel Case (Part 2)

08 minutes34 seconds

Browser private prefix and summary

11 minutes13 seconds
Chapter2Fluid layout

Introduction to mobile WEB development flow layout

01 minutes59 seconds

Mobile terminal basics

09 minutes31 seconds

Viewport

09 minutes02 seconds

meta viewport tag

06 minutes53 seconds

physical pixel to physical pixel ratio

08 minutes45 seconds

Double chart

12 minutes13 seconds

Background scaling background-size

10 minutes46 seconds

Background double image and multi-image cutout

05 minutes38 seconds

Mobile development options

04 minutes32 seconds

Mobile technology solutions

10 minutes29 seconds

Mobile special styles

04 minutes53 seconds

Mobile technology selection

03 minutes40 seconds

Fluid layout

10 minutes32 seconds

Preparation work for JD.com mobile homepage

06 minutes58 seconds

body settings

06 minutes29 seconds

app layout

08 minutes29 seconds

app content filling

07 minutes01 seconds

Search module layout

09 minutes16 seconds

Search module content production

08 minutes44 seconds

How to make a double sprite chart

08 minutes15 seconds

Focus map production

06 minutes45 seconds

Brand day module production

07 minutes28 seconds

Navigation bar nav module production

11 minutes22 seconds

Newsletter module

07 minutes22 seconds

JD.com mobile home page end 2

04 minutes31 seconds
Chapter3flex

Introduction to flex layout of mobile WEB development

01 minutes14 seconds

Flex layout experience

07 minutes02 seconds

flex layout principle

04 minutes16 seconds

flex sets the spindle direction

08 minutes14 seconds

justify-content sets the main axis sub-element arrangement

10 minutes05 seconds

Whether flex-wrap sub-elements wrap

04 minutes57 seconds

align-items sets the arrangement of cross-axis child elements

07 minutes35 seconds

align-content sets the arrangement of cross-axis child elements

11 minutes01 seconds

flex-flow and summary

03 minutes45 seconds

Use of child flex properties

14 minutes31 seconds

align-self and order

04 minutes47 seconds

Ctrip mobile home page preparation work

06 minutes46 seconds

Home page layout analysis and search module layout

09 minutes10 seconds

Search module made by user

12 minutes11 seconds

Search module production search production

11 minutes22 seconds

Focus map focus module production

02 minutes47 seconds

local-nav layout

05 minutes17 seconds

local-nav content production

11 minutes38 seconds

Use the attribute selector to change the background image

04 minutes44 seconds

nav appearance layout

08 minutes50 seconds

nav content production

10 minutes59 seconds

Background gradient linear-gradient

06 minutes14 seconds

subnav-entry module production

Popular activity module production

More welfare module production

sales-bd module production 3

Chapter4rem layout

Introduction to mobile WEB development rem adaptive layout

01 minutes20 seconds

rem unit

11 minutes13 seconds

Introduction to media query syntax

09 minutes58 seconds

Media Query Case Background Discoloration

12 minutes20 seconds

Media query + rem realizes dynamic size changes of elements

07 minutes41 seconds

Media query introduces resources

09 minutes12 seconds

Disadvantages of CSS

05 minutes22 seconds

Introduction to LESS and using variables

09 minutes04 seconds

less compile easyless plug-in

08 minutes56 seconds

less nesting

10 minutes17 seconds

less operation

05 minutes57 seconds

Principle of rem adaptation scheme

11 minutes53 seconds

rem final adaptation plan

11 minutes45 seconds

Suning homepage common.less production

04 minutes43 seconds

Suning homepage import import style

04 minutes03 seconds

Suning home page body style settings

07 minutes28 seconds

Suning homepage search-content module layout

09 minutes02 seconds

Suning homepage search-content content layout

Suning homepage-search module production

Suning homepage banner and advertising module production

Suning homepage nav part production

rem adaptation solution 2 flexble.js introduction

04 minutes27 seconds

rem adaptation solution 2 Suning home page preliminary preparation work

03 minutes29 seconds

rem adaptation scheme 2body style modification

A magical vscode plug-in cssrem

Modify flexible default html font size

rem adaptation solution 2 search-content content production 1

rem adaptation solution 2 search-content content production 2

Chapter5Responsive layout

Mobile web development responsive introduction

02 minutes47 seconds

Responsive development principles

03 minutes01 seconds

Responsive layout container

12 minutes23 seconds

Responsive navigation case

06 minutes11 seconds

Introduction to Bootstrap

10 minutes08 seconds

Bootstrap usage (Part 1)

08 minutes31 seconds

Bootstrap usage (Part 2)

05 minutes17 seconds

Bootstrap layout container

03 minutes51 seconds

Bootstrap grid system

04 minutes58 seconds

Use of Bootstrap grid system (Part 1)

12 minutes38 seconds

Use of Bootstrap grid system (Part 2)

06 minutes28 seconds

Bootstrap column nesting

08 minutes07 seconds

Bootstrap column offset

08 minutes06 seconds

Bootstrap column sorting

03 minutes21 seconds

Bootstrap responsive tools

06 minutes22 seconds

Alibaba Baixiu demand analysis

05 minutes59 seconds

Preparatory work for Ali Baixiu

03 minutes58 seconds

Modify the maximum width of the container

03 minutes50 seconds

Alibaba Baixiu logo production

08 minutes02 seconds

Alibaba Baixiu nav production introduces font icons

08 minutes32 seconds

Produced by Ali Baixiu News (Part 1)

12 minutes20 seconds

Produced by Ali Baixiu News (Part 2)

03 minutes24 seconds

Alibaba Baixiu publish module production

11 minutes50 seconds

Alibaba Baixiu aside module production

Alibaba Baixiu logo responsive production

09 minutes27 seconds

Alibaba Baixiu nav responsive production

04 minutes51 seconds

Alibaba Baixiu news responsive production

05 minutes35 seconds

Alibaba Baixiu publish responsive production

05 minutes04 seconds

Mobile terminal development summary

03 minutes07 seconds
  • CancelreplySending
  • Cancelpost a noteSending