Front-end HTML5+CSS3 (goddess version)
The latest web front-end html5+css3+ front-end project is now online! Using practical teaching and comprehensive cases from first-tier manufacturers, each technical point is explained in the shortest way, and each chapter forms a closed loop. There are two practical projects in the course and at the end of the course. The first type of project is a corporate website, which allows you to quickly and repeatedly practice basic knowledge points; the second type of project is an e-commerce website, which is based on the difficulty of upgrading the first project to master the development of more complex web page effects. Process and layout standards. Strictly follow the professional development process: professional measurement tools to achieve 100% restoration of the design draft; coding standards are benchmarked against the development standards of first-tier manufacturers to achieve professional development from beginning to end. This allows students to experience first-hand the development processes and standards of first-tier manufacturers while studying.
303298
person learning
199
class hour
2022-08-16
update time
01 days03 Hours15 minutes49 seconds
Total course duration
有朋自远方来，虽远必诛！
You will learn
The latest web front-end html5+css3+ front-end project is now online! Using practical teaching and comprehensive cases from first-tier manufacturers, each technical point is explained in the shortest way, and each chapter forms a closed loop. There are two practical projects in the course and at the end of the course. The first type of project is a corporate website, which allows you to quickly and repeatedly practice basic knowledge points; the second type of project is an e-commerce website, which is based on the difficulty of upgrading the first project to master the development of more complex web page effects. Process and layout standards. Strictly follow the professional development process: professional measurement tools to achieve 100% restoration of the design draft; coding standards are benchmarked against the development standards of first-tier manufacturers to achieve professional development from beginning to end. This allows students to experience first-hand the development processes and standards of first-tier manufacturers while studying.
Front-end HTML5+CSS3 (goddess version)
Section1 Tutoring
08 minutes27 seconds
Section2 Web page composition and nature
05 minutes54 seconds
Section3 Getting to know browsers for the first time
06 minutes57 seconds
Section4 web standards
07 minutes32 seconds
Section5 HTML awareness
12 minutes16 seconds
Section6 HTML skeleton
06 minutes07 seconds
Section7 Introduction and use of vscode
11 minutes47 seconds
Section8 Comment
06 minutes50 seconds
Section9 Tag composition and relationships
06 minutes16 seconds
Section10 titles and paragraphs
14 minutes02 seconds
Section11 Line breaks and horizontal line labels
03 minutes59 seconds
Section12 text formatting tag
09 minutes47 seconds
Section13 Basic use of pictures
09 minutes04 seconds
Section14 Image properties
08 minutes31 seconds
Section15 absolute path
10 minutes24 seconds
Section16 Relative paths - siblings and subordinates
10 minutes17 seconds
Section17 Relative path-parent
05 minutes34 seconds
Section18 audio tag
09 minutes27 seconds
Section19 video tag
07 minutes36 seconds
Section20 Hyperlink
15 minutes09 seconds
Section21 Comprehensive Case-Recruitment
12 minutes23 seconds
Section22 Comprehensive case-jump-index
08 minutes22 seconds
Section23 Comprehensive case-jump-other pages
08 minutes17 seconds
Chapter1 First introduction to HTML
Section1 List-usage scenarios
04 minutes10 seconds
Section2 Lists - unordered and ordered
08 minutes40 seconds
Section3 List-Custom
05 minutes11 seconds
Section4 Table-Use
13 minutes20 seconds
Section5 Table - table title and header cells
07 minutes20 seconds
Section6 Table-Structure Tag
08 minutes55 seconds
Section7 Table-Merge Cells
10 minutes05 seconds
Section8 Form-application scenario
03 minutes30 seconds
Section9 Basic use of form-input
14 minutes29 seconds
Section10 Form-input-placeholder (prompt message)
04 minutes05 seconds
Section11 Form-radio function and default selection
09 minutes10 seconds
Section12 Form-upload multiple files
02 minutes57 seconds
Section13 form-button-input
11 minutes53 seconds
Section14 form-button-button
05 minutes14 seconds
Section15 Form-drop-down menu
07 minutes18 seconds
Section16 form-textfield
04 minutes34 seconds
Section17 form-label label
08 minutes54 seconds
Section18 Semantic tags
11 minutes34 seconds
Section19 character entity
04 minutes17 seconds
Section20 Comprehensive Case-Student Information Form
09 minutes57 seconds
Section21 Comprehensive case-form
15 minutes40 seconds
Chapter2 HTML basics
Section1 Experience css
12 minutes01 seconds
Section2 css introduction method
10 minutes25 seconds
Section3 selector-label
04 minutes31 seconds
Section4 selector-class
08 minutes35 seconds
Section5 selector-id
07 minutes02 seconds
Section6 Selector-Wildcard
04 minutes51 seconds
Section7 Text basic style
09 minutes34 seconds
Section8 Character-font
12 minutes00 seconds
Section9 Expansion - cascading
02 minutes07 seconds
Section10 font composite property
08 minutes27 seconds
Section11 text indent
05 minutes20 seconds
Section12 horizontal alignment
07 minutes37 seconds
Section13 text decoration line
04 minutes48 seconds
Section14 Yukidaka
09 minutes22 seconds
Section15 Google Debugging Tools
12 minutes37 seconds
Section16 Expansion-color value
06 minutes28 seconds
Section17 Expand-Label Centering
04 minutes01 seconds
Section18 Comprehensive Case 1-Title Completed
13 minutes50 seconds
Section19 Comprehensive Case 1-News-Content
05 minutes25 seconds
Section20 Comprehensive case 2-picture completed
11 minutes40 seconds
Section21 Comprehensive Case 2-Product-Text Effect
07 minutes25 seconds
Chapter3 CSS basics
Section1 selector-descendent
08 minutes29 seconds
Section2 Selector-Children
05 minutes43 seconds
Section3 selector-union
04 minutes47 seconds
Section4 selector-intersection
06 minutes03 seconds
Section5 Selector-pseudo-class
04 minutes33 seconds
Section6 emmet syntax
14 minutes14 seconds
Section7 background - background color
05 minutes17 seconds
Section8 Background - background image
04 minutes00 seconds
Section9 Background - background tile
04 minutes55 seconds
Section10 background-background position
09 minutes52 seconds
Section11 background-background
11 minutes56 seconds
Section12 The difference between background image and img
08 minutes24 seconds
Section13 Display Mode-Block
08 minutes31 seconds
Section14 Display mode - inline
06 minutes00 seconds
Section15 Display mode - inline block
04 minutes02 seconds
Section16 display mode-conversion
07 minutes57 seconds
Section17 Expansion-Tag nesting
06 minutes47 seconds
Section18 CSS Properties - Inheritance
13 minutes46 seconds
Section19 CSS properties - cascading
03 minutes59 seconds
Section20 Comprehensive case 1
09 minutes43 seconds
Section21 Comprehensive case 2
11 minutes37 seconds
Chapter4 CSS advanced
Section1 Priority - Basic Testing
13 minutes50 seconds
Section2 Priority-overlay calculation
09 minutes06 seconds
Section3 Priority - Calculation Question
14 minutes20 seconds
Section4 Google-Troubleshooting
13 minutes20 seconds
Section5 PxCook
12 minutes27 seconds
Section6 Box model-composition
12 minutes45 seconds
Section7 Box model-browser effect
04 minutes10 seconds
Section8 Box model - content width and height
03 minutes01 seconds
Section9 Box model-border usage
11 minutes10 seconds
Section10 Box model-size calculation-border
04 minutes31 seconds
Section11 Box Model-Case
06 minutes39 seconds
Section12 Sina Navigation-Layout div
07 minutes13 seconds
Section13 Sina Navigation-Content a
13 minutes07 seconds
Section14 Box model-padding-multi-value
13 minutes26 seconds
Section15 Box model-size-border and padding
04 minutes08 seconds
Section16 Sina Navigation-padding optimization
06 minutes03 seconds
Section17 Box model-internal subtraction mode
04 minutes46 seconds
Section18 Box model-margins
03 minutes19 seconds
Section19 Clear default styles
11 minutes10 seconds
Section20 Centered version
04 minutes58 seconds
Section21 Comprehensive case-news list-div layout
05 minutes23 seconds
Section22 Comprehensive Cases-News List-Titles
09 minutes34 seconds
Section23 Comprehensive Cases-News List-Content
09 minutes07 seconds
Section24 Margins-problem
13 minutes38 seconds
Section25 Vertical inner and outer margins for inline elements
04 minutes20 seconds
Chapter5 CSS box model
Section1 Structural pseudo-class-basic usage
07 minutes55 seconds
Section2 Structural pseudo-class-formula
09 minutes35 seconds
Section3 Pseudo element
12 minutes11 seconds
Section4 standard stream
02 minutes47 seconds
Section5 Float - Experiencing inline block issues
08 minutes10 seconds
Section6 float-effect
06 minutes59 seconds
Section7 float-features
12 minutes12 seconds
Section8 Comprehensive case-Xiaomi layout
07 minutes38 seconds
Section9 Extension-css attribute order
04 minutes56 seconds
Section10 Comprehensive case-Xiaomi products-left and right structure
05 minutes20 seconds
Section11 Comprehensive case-Xiaomi products-li
08 minutes34 seconds
Section12 Comprehensive Case-Navigation
13 minutes15 seconds
Section13 Clear float-scene construction
11 minutes03 seconds
Section14 clear float-extra tags
04 minutes39 seconds
Section15 Clear float-single pseudo-element
07 minutes35 seconds
Section16 clear float-double pseudo-element
06 minutes05 seconds
Section17 clear float-overflow
02 minutes15 seconds
Chapter6 CSS float
Section1 Preparation
12 minutes41 seconds
Section2 Typesetting and clearing default styles
11 minutes36 seconds
Section3 header layout
04 minutes51 seconds
Section4 logo and nav layout
05 minutes52 seconds
Section5 nav content completed
10 minutes57 seconds
Section6 Search-Layouts and TextBoxes
09 minutes57 seconds
Section7 Search-Button
06 minutes17 seconds
Section8 user area
06 minutes47 seconds
Section9 banner-layout
07 minutes44 seconds
Section10 banner-left completed
07 minutes27 seconds
Section11 banner-right-title
03 minutes16 seconds
Section12 banner-right-content
08 minutes49 seconds
Section13 banner-right-all courses
04 minutes54 seconds
Section14 Recommended
12 minutes44 seconds
Section15 Premium Course-Title
07 minutes09 seconds
Section16 Premium course content
11 minutes12 seconds
Section17 Copyright territory-layout
06 minutes15 seconds
Section18 Copyright territory-content
08 minutes22 seconds
Chapter7 online projects
Section1 Function and usage steps
06 minutes07 seconds
Section2 relative relative
05 minutes39 seconds
Section3 Understand - Position - Things to note
04 minutes13 seconds
Section4 Absolute absolute-reference browser
07 minutes39 seconds
Section5 paternity
11 minutes44 seconds
Section6 Case—Xuecheng Online-hot
07 minutes26 seconds
Section7 center
10 minutes03 seconds
Section8 migrating
06 minutes09 seconds
Section9 Case-QR code
07 minutes13 seconds
Section10 case-banner
08 minutes17 seconds
Section11 fixed
06 minutes03 seconds
Section12 display hierarchy
09 minutes37 seconds
Section13 vertical-align-01
11 minutes58 seconds
Section14 vertical-align-02
07 minutes17 seconds
Section15 Cursor type
07 minutes11 seconds
Section16 Rounded Border-Basic Use
09 minutes45 seconds
Section17 Rounded Border-Working Scene
06 minutes23 seconds
Section18 Overflow display effect-overflow
06 minutes45 seconds
Section19 Show Hide-Basic Use
05 minutes49 seconds
Section20 Case - QR code display and hide
03 minutes29 seconds
Section21 Transparent attribute opacity
02 minutes41 seconds
Chapter8 positioning decoration
Section1 css elf-function
03 minutes46 seconds
Section2 css sprite-use
14 minutes12 seconds
Section3 Background image zoom
11 minutes16 seconds
Section4 box shadow
08 minutes09 seconds
Section5 transition
09 minutes21 seconds
Section6 skeleton tag
10 minutes47 seconds
Section7 SEO
12 minutes58 seconds
Section8 favicon - title icon
02 minutes42 seconds
Section9 Project directory
10 minutes52 seconds
Section10 Project code preparation
06 minutes41 seconds
Section11 Quick Navigation-Layout
09 minutes26 seconds
Section12 Quick Navigation-Content
11 minutes34 seconds
Section13 header-layout
10 minutes09 seconds
Section14 logo and navigation
09 minutes06 seconds
Section15 search
10 minutes56 seconds
Section16 shopping cart
07 minutes48 seconds
Section17 Copyright-Layout
10 minutes39 seconds
Section18 Copyright-li content completed
12 minutes04 seconds
Section19 Copyright bottom
04 minutes51 seconds
Chapter9 Little Rabbit Fresh Project Construction
Section1 banner-image
06 minutes52 seconds
Section2 banner-side navigation-layout
08 minutes16 seconds
Section3 banner-side navigation-text content
08 minutes55 seconds
Section4 banner-arrow
14 minutes52 seconds
Section5 banner-dot
11 minutes03 seconds
Section6 Fresh and Good Things-Title
11 minutes42 seconds
Section7 Fresh and Good Things-Content-Layout
09 minutes21 seconds
Section8 Fresh and good stuff - content completed
06 minutes43 seconds
Section9 Fresh and good things-new product text
06 minutes13 seconds
Section10 Fresh Food-Title-Layout
09 minutes09 seconds
Section11 Fresh food area
10 minutes31 seconds
Section12 Fresh Food-Content-Layout
05 minutes05 seconds
Chapter10 Little Rabbit Fresh Project Main Body
Data Name
Front-end HTML5+CSS3 (goddess version) related information
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
1003300
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
