HTML5+CSS3 quick start video tutorial

• Chapter1 H5 course introduction and related elements
• 1-1 Course Introduction
• 1-2 What is HTML5
• 1-3 Understand the new web page structure
• 1-4 How to use article element
• 1-5 section element
• 1-6 aside element
• 1-7 nav element
• 1-8 time element
• 1-9 pubdate attribute
• 1-10 Header element synthesis
• 1-11 hgroup element synthesis
• 1-12 footer element
• 1-13 address element synthesis
• 1-14 figure element and figcaption element
• 1-15 details element and summary element
• 1-16 mark element
• 1-17 progress element
• 1-18 meter element
• 1-19 html5 obsolete elements
• 1-20 HTML5 outline (Part 1)
• 1-21 Outline of HTML5 (Part 2)
• 1-22 Enhanced version of ol list element
• 1-23 Redefined dl element
• Chapter2 canvas
• 2-1 The canvas element creates a canvas
• 2-2 canvas draws rectangle
• 2-3 canvas draws circle
• 2-4 canvas draws text
• 2-5 canvas save file
• 2-6 canvas drawing animation
• 2-7 Web StorageLocal Storage
• 2-8 Simple web message board
• 2-9 video element and audio element
• 2-10 Common attributes of video elements and audio elements
• 2-11 HTML5 drag and drop
• Chapter3 Introduction to CSS3, selectors, layout styles
• 3-1 Introduction to CSS3
• 3-2 New attribute selector in CSS3
• 3-3 On structural pseudo-class selectors
• 3-4 Under the structural pseudo-class selector
• 3-5 UI element state pseudo-class selector
• 3-6 Under the UI element state pseudo-class selector
• 3-7 Use selectors to insert content into the page
• 3-8 Text shading and word wrapping
• 3-9 Server-side fonts and the @font-face attribute
• 3-10 box layout
• 3-11 box layout
• 3-12 overflow attribute
• 3-13 New background properties in CSS3
• 3-14 Border-related styles in CSS3
• 3-15 Transform function in CSS3
• 3-16 Animation features in CSS3
• 3-17 Layout-related styles - multi-column layout
• 3-18 Layout-related styles-box layout
• 3-19 Layout-related styles-flexible box layout
• 3-20 Media Queries and adaptive layout
• Chapter4 Group website construction
• 4-1 Group website construction-global header production
• 4-2 Group website construction-Home page news list
• 4-3 Group website construction-Home page group activity production
• 4-4 Group website construction-production of the right part of the home page
• 4-5 Group website production-bottom copyright information production
• 4-6 Group website construction-picture list page production
• 4-7 Group website construction-article content page production
• 4-8 Questions about compatibility