Démarrage rapide HTML+CSS

• Chapitre1 Comprendre le grand front-end et se préparer à l'apprentissage
• 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 ?
• Chapitre2 Balises et attributs couramment utilisés en HTML
• 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
• Chapitre3 Arrêtez de vous traîner et entrez dans le monde du CSS
• 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
• Chapitre4 Contrôle du style et de la mise en page CSS
• 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
• Chapitre5 Définition pratique du fichier de cadre de mise en page
• 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
• Chapitre6 Animation actuelle et tête publique
• 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
• Chapitre7 Page de liste et page de détails du combat réel
• 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
• Chapitre8 Panier d'achat et page de commande pratiques
• 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