vscode installation configuration-detailed explanation of commonly used plug-ins (subtitled version)

If you want to do your job well, you must first sharpen your tools webStorm installation

Program categories that front-end programmers can develop

How to distinguish between H5, WEB front-end, big front-end, and WEB full stack?

HTML Hypertext Markup Language - Where is the hyper?

HTML main structure and related tags

HTML hexadecimal color values ​​and comments

Use of HTML entity characters

Analysis of common tags in the head tag

Text and text format tags in body

H5 newly upgraded text format tags

Semantic tags and list layout tags

Path and jump issues that need to be paid attention to in a tags

Examples to explain multimedia tags

Memory skills for front-end massive tags

Complete explanation of markdown syntax

Elaborate on the table tag

Comprehensive analysis of elements related to form forms - Part 1

Comprehensive analysis of elements related to form forms-Part 2

Use of inline tag iframe

Entering the world of css--several ways to reference css

css selector--basic selector analysis

css selector--hierarchical selector analysis

css selector--analysis of structural pseudo-class selector--Part 1

css selector--analysis of structural pseudo-class selector--Part 2

css status pseudo-class selector and selector priority

css-font font property

css-text text property

css--background background property

Class summary and chapter assignments

CSS width and height dimensions properties

CSS navigation list properties

CSS positioning property--fixed

CSS positioning property--relative positioning relative

The relationship between relative positioning and absolute positioning--Part 1

The relationship between relative positioning and absolute positioning--Part 2

CSS layout properties control the hiding and display of elements

CSS controls div to float left and right

Standard box model combined with floats

How to solve the problem of overlapping div margins

The relationship between box size and inner and outer margins and borders

The box-sizing attribute solves the problem of box wrapping

Flexible box model--flexible box layout

Telescopic box realizes multi-level navigation linkage

In-depth analysis of flexible box model attribute settings-Part 1

In-depth analysis of flexible box model attribute settings-Part 2

Page layout analysis of corporate website

Define the underlying style file of the framework

Set the flexible layout public style of the frame

Set the frame's border public style

Set the margin public style of the frame

Set other public styles of the frame

Introducing public style rounded borders into the project

How to introduce iconfont font icon into the project

Practical combat--define the header public template file

Practical combat--define elegant search box style

Practical combat - setting the style, background and center alignment of font icons

Practical combat--Set the basic style of nav navigation bar

Text shadow and background color radial gradient

CSS implements box conversion and transition effects

Practical combat--css animation effects and animation carousel-Part 1

Practical combat--css animation effects and animation carousel-Part 2

Practical combat - css3 implements navigation underline animation effect using pseudo classes

Practical combat--implementing secondary menu styles and animation effects

Practical combat--implementing sidebar fixed effect-Part 1

Practical combat--implementing sidebar fixed effect-Part 2

Practical combat--implementing the style layout of the bottom footer

Practical combat--realizing the effect of product navigation on the home page

Practical combat - the header layout of the product display area

Practical combat--Style layout of product cards-Part 1

Practical combat--Complete the animation effect of product cards

Practical combat--Style layout of product cards-Part 2

Practical combat - Complete the style layout of breadcrumb navigation

Practical combat--complete the animation effect of product sorting-Part 1

Practical combat--Complete the animation effect of product sorting-Part 2

Practical combat--Complete the style layout of the product list page

Practical combat - Complete the style layout of the product basic information area

Practical combat - Complete the style layout of the product basic information area 02

Practical combat - Complete the style layout of the product basic information area 03

Practical combat - style layout of product details 01

Practical combat - style layout of product details 02

Practical combat-Guess you like the style layout of the area

Mall shopping cart style layout 01

Mall shopping cart style layout 02

Mall shopping cart style layout 03

Order preview page--receipt information style layout

Order preview page--payment method style layout

Order preview page--Order content style layout 01

Order preview page--Order content style layout 02

Structural analysis of the mall personal center page

Order page and @media query-up

Order page and @media query - next