HTML5+CSS3 quick start video tutorial-Free online video tutorial-php.cn

HTML5+CSS3 quick start video tutorial

Chapter1 H5 course introduction and related elements
expand retract

Section1 Course Introduction
duration： 07 minutes 39 seconds

Section2 What is HTML5
duration： 10 minutes 02 seconds

Section3 Understand the new web page structure
duration： 05 minutes 22 seconds

Section4 How to use article element
duration： 10 minutes 26 seconds

Section5 section element
duration： 11 minutes 15 seconds

Section6 aside element
duration： 06 minutes 06 seconds

Section7 nav element
duration： 07 minutes 46 seconds

Section8 time element
duration： 01 minutes 51 seconds

Section9 pubdate attribute
duration： 04 minutes 31 seconds

Section10 Header element synthesis
duration： 13 minutes 10 seconds

Section11 hgroup element synthesis
duration： 05 minutes 42 seconds

Section12 footer element
duration： 07 minutes 04 seconds

Section13 address element synthesis
duration： 04 minutes 20 seconds

Section14 figure element and figcaption element
duration： 05 minutes 14 seconds

Section15 details element and summary element
duration： 05 minutes 08 seconds

Section16 mark element
duration： 09 minutes 47 seconds

Section17 progress element
duration： 05 minutes 00 seconds

Section18 meter element
duration： 10 minutes 45 seconds

Section19 html5 obsolete elements
duration： 07 minutes 30 seconds

Section20 HTML5 outline (Part 1)
duration： 17 minutes 58 seconds

Section21 Outline of HTML5 (Part 2)
duration： 23 minutes 18 seconds

Section22 Enhanced version of ol list element
duration： 09 minutes 05 seconds

Section23 Redefined dl element
duration： 04 minutes 55 seconds
Chapter2 canvas
expand retract

Section1 The canvas element creates a canvas
duration： 06 minutes 25 seconds

Section2 canvas draws rectangle
duration： 18 minutes 21 seconds

Section3 canvas draws circle
duration： 21 minutes 20 seconds

Section4 canvas draws text
duration： 30 minutes 31 seconds

Section5 canvas save file
duration： 08 minutes 06 seconds

Section6 canvas drawing animation
duration： 24 minutes 05 seconds

Section7 Web StorageLocal Storage
duration： 15 minutes 40 seconds

Section8 Simple web message board
duration： 26 minutes 36 seconds

Section9 video element and audio element
duration： 20 minutes 09 seconds

Section10 Common attributes of video elements and audio elements
duration： 32 minutes 17 seconds

Section11 HTML5 drag and drop
duration： 22 minutes 40 seconds
Chapter3 Introduction to CSS3, selectors, layout styles
expand retract

Section1 Introduction to CSS3
duration： 04 minutes 11 seconds

Section2 New attribute selector in CSS3
duration： 22 minutes 16 seconds

Section3 On structural pseudo-class selectors
duration： 28 minutes 52 seconds

Section4 Under the structural pseudo-class selector
duration： 20 minutes 59 seconds

Section5 UI element state pseudo-class selector
duration： 30 minutes 10 seconds

Section6 Under the UI element state pseudo-class selector
duration： 28 minutes 55 seconds

Section7 Use selectors to insert content into the page
duration： 34 minutes 26 seconds

Section8 Text shading and word wrapping
duration： 20 minutes 24 seconds

Section9 Server-side fonts and the @font-face attribute
duration： 21 minutes 49 seconds

Section10 box layout
duration： 18 minutes 03 seconds

Section11 box layout
duration： 27 minutes 47 seconds

Section12 overflow attribute
duration： 30 minutes 43 seconds

Section13 New background properties in CSS3
duration： 41 minutes 58 seconds

Section14 Border-related styles in CSS3
duration： 29 minutes 22 seconds

Section15 Transform function in CSS3
duration： 25 minutes 48 seconds

Section16 Animation features in CSS3
duration： 36 minutes 40 seconds

Section17 Layout-related styles - multi-column layout
duration： 14 minutes 40 seconds

Section18 Layout-related styles-box layout
duration： 12 minutes 16 seconds

Section19 Layout-related styles-flexible box layout
duration： 30 minutes 26 seconds

Section20 Media Queries and adaptive layout
duration： 36 minutes 56 seconds
Chapter4 Group website construction
expand retract

Section1 Group website construction-global header production
duration： 57 minutes 36 seconds

Section2 Group website construction-Home page news list
duration： 52 minutes 16 seconds

Section3 Group website construction-Home page group activity production
duration： 36 minutes 27 seconds

Section4 Group website construction-production of the right part of the home page
duration：In calculation

Section5 Group website production-bottom copyright information production
duration：In calculation

Section6 Group website construction-picture list page production
duration： 50 minutes 30 seconds

Section7 Group website construction-article content page production
duration： 22 minutes 20 seconds

Section8 Questions about compatibility
duration： 21 minutes 46 seconds