The most easy-to-understand HTML+CSS course in 9 days

• Chapter1 html+css 9 days quick tutorial (1)
• 1-1 Pilot video: Make your first web page
• 1-2 Practical operation: analysis of song list recommendation module
• 1-3 Knowledge point: three style sheets
• 1-4 Practical operation: introduction of style sheet (div and title tag)
• 1-5 Practical operation: Title implementation (selector + CSS common styles)
• 1-6 Practice: List Analysis
• 1-7 Knowledge point: list tags
• 1-8 Knowledge point: img
• 1-9 Knowledge points: relative and absolute paths
• 1-10 Knowledge point: Hyperlink a tag
• Chapter2 html+css 9 days quick tutorial (2)
• 2-1 Practical operation: Partial implementation of list layout
• 2-2 Knowledge point: Floating
• 2-3 Knowledge point: box model-margin boundary
• 2-4 Knowledge point: box model-padding inner filling
• 2-5 Knowledge point: line height
• 2-6 Practical operation: song list recommendation-list implementation
• 2-7 Practical operation: New song debut-implementation of title and navigation
• 2-8 Practical operation: new song debut-the first small box in the list
• 2-9 Knowledge point: border
• 2-10 Practical operation: new song debut-list implementation
• Chapter3 html+css 9 days quick tutorial (3)
• 3-1 Practical operation: Implementation of wonderful recommendation module
• 3-2 Practical operation: Ranking list-title implementation
• 3-3 Knowledge points: background (color, picture, repetition)
• 3-4 Knowledge point: background (positioning, scrolling)
• 3-5 Practical operation: Ranking list-list layout implementation
• 3-6 Practical operation: Ranking list-list style implementation
• 3-7 Knowledge point: label type
• 3-8 Practical operation: Bottom-download client
• 3-9 Practical Operation: Bottom-Featured Products
• 3-10 Practical operation: Bottom-cooperation link
• Chapter4 html+css 9 days quick tutorial (4)
• 4-1 Practical Operation: Bottom-Open Platform and TME Group Official Website
• 4-2 Practical operation: bottom-copyright
• 4-3 Practical operation: head-logo
• 4-4 Knowledge point: positioning (relative, absolute positioning)
• 4-5 Knowledge point: Fixed positioning_HD
• 4-6 Practical operation: Head-navigation implementation
• 4-7 Knowledge point: form elements (reset and re-record)
• 4-8 Knowledge point: rounded corners
• 4-9 Practical operation: Head-search box implementation
• 4-10 Practical operation: Head - login, activate VIP, recharge
• 4-11 Knowledge points: border triangles, pseudo elements
• 4-12 Practical operation: Head - add triangles for VIP activation and recharge
• 4-13 Practical operation: Head-secondary navigation