1-1 Configuration de l'installation vscode - Explication détaillée des plug-ins couramment utilisés (version sous-titrée)

1-2 Si vous voulez bien faire votre travail, vous devez d'abord affiner vos outils d'installation webStorm

1-3 Catégories de programmes que les programmeurs frontaux peuvent développer

1-4 Comment distinguer H5, WEB front-end, big front-end et WEB full stack ?

2-1 Langage de balisage hypertexte HTML – Où est l'hyper ?

2-2 Structure principale HTML et balises associées

2-3 Valeurs de couleur hexadécimales HTML et commentaires

2-4 Utilisation de caractères d'entité HTML

2-5 Analyse des balises communes dans la balise head

2-6 Texte et balises de format de texte dans le corps

2-7 Balises de format de texte H5 nouvellement mises à niveau

2-8 Balises sémantiques et balises de mise en page de liste

2-9 Problèmes de chemin et de méthode de saut auxquels il faut prêter attention dans une balise

2-10 Exemples pour expliquer les balises multimédia

2-11 Compétences en mémoire pour les balises massives frontales

2-12 Explication complète de la syntaxe du markdown

2-13 Élaborer sur la balise table

2-14 Analyse complète des éléments liés aux formulaires - Partie 1

2-15 Analyse complète des éléments liés aux formulaires-Partie 2

2-16 Utilisation de l'iframe de balise en ligne

3-1 Entrer dans le monde du CSS : plusieurs façons de référencer le CSS

3-2 sélecteur CSS - analyse de base du sélecteur

3-3 sélecteur CSS - analyse du sélecteur hiérarchique

3-4 sélecteur css--analyse du sélecteur de pseudo-classe structurelle--Partie 1

3-5 sélecteur css--analyse du sélecteur de pseudo-classe structurelle--Partie 2

3-6 sélecteur de pseudo-classe de statut CSS et priorité du sélecteur

3-7 Propriété de police CSS-font

3-8 propriété de texte CSS-text

3-9 css - propriété d'arrière-plan

3-10 Résumé du cours et devoirs des chapitres

4-1 Propriétés des dimensions CSS de largeur et de hauteur

4-2 Propriétés de la liste de navigation CSS

4-3 Propriété de positionnement CSS - corrigée

4-4 Propriété de positionnement CSS - positionnement relatif relatif

4-5 La relation entre le positionnement relatif et le positionnement absolu - Partie 1

4-6 La relation entre le positionnement relatif et le positionnement absolu - Partie 2

4-7 Les propriétés de mise en page CSS contrôlent le masquage et l'affichage des éléments

4-8 CSS contrôle div pour flotter à gauche et à droite

4-9 Modèle de caisson standard combiné à des flotteurs

4-10 Comment résoudre le problème du chevauchement des marges div

4-11 La relation entre la taille de la boîte et les marges et bordures intérieures et extérieures

4-12 L'attribut box-sizing résout le problème de l'emballage des boîtes

4-13 Modèle de boîte flexible - disposition de boîte flexible

4-14 La boîte télescopique réalise une liaison de navigation à plusieurs niveaux

5-1 Analyse approfondie des paramètres d'attributs du modèle de boîte flexible - Partie 1

5-2 Analyse approfondie des paramètres d'attributs du modèle de boîte flexible - Partie 2

5-3 Analyse de la mise en page du site Web de l'entreprise

5-4 Définir le fichier de style sous-jacent du framework

5-5 Définir le style public de mise en page flexible du cadre

5-6 Définir le style public de la bordure du cadre

5-7 Définir le style public de marge du cadre

5-8 Définir d'autres styles publics du cadre

5-9 Introduction de bordures arrondies de style public dans le projet

5-10 Comment introduire l'icône de police iconfont dans le projet

5-11 Combat pratique : définir le fichier de modèle public d'en-tête

5-12 Combat pratique : définissez un style de champ de recherche élégant

5-13 Combat pratique - définition du style, de l'arrière-plan et de l'alignement central des icônes de police

5-14 Combat pratique – Définissez le style de base de la barre de navigation

6-1 Ombre du texte et dégradé radial de couleur d'arrière-plan

6-2 CSS implémente la conversion de boîte et les effets de transition

6-3 Combat pratique - effets d'animation CSS et carrousel d'animation - Partie 1

6-4 Combat pratique - effets d'animation CSS et carrousel d'animation - Partie 2

6-5 Combat pratique - CSS3 implémente l'effet d'animation de soulignement de navigation à l'aide de pseudo-classes

6-6 Combat pratique : implémentation de styles de menus secondaires et d'effets d'animation

6-7 Combat pratique - mise en œuvre de l'effet fixe de la barre latérale - Partie 1

6-8 Combat pratique - implémentation de l'effet fixe de la barre latérale - Partie 2

6-9 Combat pratique : mise en œuvre de la disposition de style du pied de page inférieur

6-10 Combat pratique : réaliser l'effet de la navigation des produits sur la page d'accueil

6-11 Combat pratique - la disposition d'en-tête de la zone d'affichage du produit

6-12 Combat pratique--Disposition de style des fiches produits-Partie 1

6-13 Combat pratique - Complétez l'effet d'animation des fiches produits

6-14 Combat pratique--Disposition de style des fiches produits-Partie 2

7-1 Combat pratique - Complétez la mise en page de style du fil d'Ariane

7-2 Combat pratique - Compléter l'effet d'animation du tri des produits - Partie 1

7-3 Combat pratique - Compléter l'effet d'animation du tri des produits - Partie 2

7-4 Combat pratique - Complétez la mise en page de style de la page de liste de produits

7-5 Combat pratique - Complétez la mise en page de style de la zone d'informations de base du produit

7-6 Combat pratique - Complétez la mise en page de style de la zone d'informations de base du produit 02

7-7 Combat pratique - Complétez la mise en page de style de la zone d'informations de base du produit 03

7-8 Combat pratique - disposition de style des détails du produit 01

7-9 Combat pratique - disposition de style des détails du produit 02

7-10 Combat pratique – Je suppose que vous aimez le style de disposition de la zone

8-1 Disposition de style panier de centre commercial 01

8-2 Disposition de style panier de centre commercial 02

8-3 Disposition de style panier de centre commercial 03

8-4 Page d'aperçu de la commande – mise en page de style des informations sur le reçu

8-5 Page d'aperçu de la commande – mise en page du style du mode de paiement

8-6 Page d'aperçu de la commande - Disposition du style de contenu de la commande 01

8-7 Page d'aperçu de la commande - Disposition du style de contenu de la commande 02

8-8 Analyse structurelle de la page du centre personnel du centre commercial

8-9 Page de commande et requête @media

8-10 Page de commande et requête @media - suivant