Front-end HTML5+CSS3 (version déesse)

• Chapitre1 Première introduction au HTML
• 1-1 Tutorat
• 1-2 Composition et nature des pages Web
• 1-3 Apprendre à connaître les navigateurs pour la première fois
• 1-4 normes du Web
• 1-5 Sensibilisation au HTML
• 1-6 squelette HTML
• 1-7 Introduction et utilisation de vscode
• 1-8 Commentaire
• 1-9 Composition et relations des balises
• 1-10 titres et paragraphes
• 1-11 Sauts de ligne et étiquettes de lignes horizontales
• 1-12 balise de formatage du texte
• 1-13 Utilisation basique des images
• 1-14 Propriétés des images
• 1-15 chemin absolu
• 1-16 Chemins relatifs - frères et sœurs et subordonnés
• 1-17 Chemin relatif-parent
• 1-18 balise audio
• 1-19 balise vidéo
• 1-20 Lien hypertexte
• 1-21 Recrutement de cas complet
• 1-22 Index complet des sauts de cas
• 1-23 Pages complètes de saut de cas et autres
• Chapitre2 Les bases du HTML
• 2-1 Scénarios d'utilisation de liste
• 2-2 Listes - non ordonnées et ordonnées
• 2-3 Liste-Personnalisée
• 2-4 Utilisation de table
• 2-5 Tableau : titre du tableau et cellules d'en-tête
• 2-6 Balise de structure de table
• 2-7 Cellules de fusion de tableau
• 2-8 Scénario de demande de formulaire
• 2-9 Utilisation de base de la saisie de formulaire
• 2-10 Espace réservé de saisie de formulaire (message d'invite)
• 2-11 Fonction Form-radio et sélection par défaut
• 2-12 Formulaire de téléchargement de plusieurs fichiers
• 2-13 formulaire-bouton-saisie
• 2-14 formulaire-bouton-bouton
• 2-15 Menu déroulant du formulaire
• 2-16 champ de texte du formulaire
• 2-17 étiquette de formulaire
• 2-18 Balises sémantiques
• 2-19 entité de personnage
• 2-20 Formulaire d'informations complet sur le cas de l'étudiant
• 2-21 Formulaire de dossier complet
• Chapitre3 Bases CSS
• 3-1 Expérimentez le CSS
• 3-2 méthode d'introduction CSS
• 3-3 étiquette-sélecteur
• 3-4 classe de sélecteur
• 3-5 identifiant du sélecteur
• 3-6 Sélecteur-Wildcard
• 3-7 Style de base du texte
• 3-8 police de texte
• 3-9 Expansion - en cascade
• 3-10 propriété composite de police
• 3-11 retrait du texte
• 3-12 alignement horizontal
• 3-13 ligne de décoration de texte
• 3-14 hauteur de rangée
• 3-15 Outils de débogage Google
• 3-16 Valeur de couleur d'expansion
• 3-17 Centrage de l'étiquette développée
• 3-18 Dossier complet 1-Titre terminé
• 3-19 Cas complet 1-Actualités-Contenu
• 3-20 Cas complet 2-photo terminé
• 3-21 Cas complet 2-effet produit-texte
• Chapitre4 CSS avancé
• 4-1 sélecteur-descendant
• 4-2 Sélecteur-Enfants
• 4-3 syndicat-sélecteur
• 4-4 sélecteur-intersection
• 4-5 Sélecteur-pseudo-classe
• 4-6 syntaxe d'Emmet
• 4-7 Fond - couleur de fond
• 4-8 Arrière-plan - image d'arrière-plan
• 4-9 Fond - tuile de fond
• 4-10 position d'arrière-plan
• 4-11 fond-fond
• 4-12 La différence entre l'image d'arrière-plan et l'img
• 4-13 Bloc de mode d'affichage
• 4-14 Mode d'affichage - en ligne
• 4-15 Mode d'affichage - bloc en ligne
• 4-16 conversion du mode d'affichage
• 4-17 Imbrication de balises d'extension
• 4-18 Propriétés CSS - Héritage
• 4-19 Propriétés CSS - en cascade
• 4-20 Cas complet 1
• 4-21 Cas complet 2
• Chapitre5 Modèle de boîte CSS
• 5-1 Priorité - Tests de base
• 5-2 Calcul de superposition de priorité
• 5-3 Priorité – Question de calcul
• 5-4 Google-Dépannage
• 5-5 PxCook
• 5-6 Composition du modèle de boîte
• 5-7 Effet de navigateur de modèle de boîte
• 5-8 Modèle de boîte - largeur et hauteur du contenu
• 5-9 Utilisation de la bordure du modèle de boîte
• 5-10 Bordure de calcul de la taille du modèle de boîte
• 5-11 Boite Modèle-Case
• 5-12 Div de mise en page de navigation Sina
• 5-13 Sina Navigation-Contenu a
• 5-14 Modèle de boîte-padding-multi-valeur
• 5-15 Modèle de boîte-taille-bordure et rembourrage
• 5-16 Optimisation du remplissage de navigation Sina
• 5-17 Mode de soustraction interne au modèle de boîte
• 5-18 Marges du modèle de boîte
• 5-19 Effacer les styles par défaut
• 5-20 Version centrée
• 5-21 Disposition complète de la liste d'actualités sur les cas
• 5-22 Liste complète des cas-actualités-titres
• 5-23 Liste complète des cas-actualités-contenu
• 5-24 Problème de marges
• 5-25 Marges verticales intérieures et extérieures pour les éléments en ligne
• Chapitre6 CSS flottant
• 6-1 Utilisation structurelle de base de la pseudo-classe
• 6-2 Formule structurelle de pseudo-classe
• 6-3 Pseudo-élément
• 6-4 flux standard
• 6-5 Float – Problèmes de blocage en ligne
• 6-6 effet flottant
• 6-7 fonctionnalités flottantes
• 6-8 Disposition complète du boîtier Xiaomi
• 6-9 Ordre des attributs extension-css
• 6-10 Boîtier complet-produits Xiaomi-structure gauche et droite
• 6-11 Mallette complète-produits Xiaomi-li
• 6-12 Navigation complète dans les dossiers
• 6-13 Construction claire de la scène flottante
• 6-14 effacer les balises float-extra
• 6-15 Effacer le pseudo-élément flottant unique
• 6-16 effacer le pseudo-élément float-double
• 6-17 débordement de flotteur clair
• Chapitre7 projets en ligne
• 7-1 Préparation
• 7-2 Composition et suppression des styles par défaut
• 7-3 disposition de l'en-tête
• 7-4 disposition du logo et de la navigation
• 7-5 contenu de navigation terminé
• 7-6 Dispositions de recherche et zones de texte
• 7-7 Bouton de recherche
• 7-8 espace utilisateur
• 7-9 disposition de la bannière
• 7-10 bannière de gauche terminée
• 7-11 bannière-droit-titre
• 7-12 bannière-droit-contenu
• 7-13 bannière-droit-tous les cours
• 7-14 Recommandé
• 7-15 Titre du cours Premium
• 7-16 Contenu de cours premium
• 7-17 Disposition du territoire du droit d'auteur
• 7-18 Contenu du territoire du droit d'auteur
• Chapitre8 décoration de positionnement
• 8-1 Étapes de fonctionnement et d'utilisation
• 8-2 relatif relatif
• 8-3 Comprendre - Position - Choses à noter
• 8-4 Navigateur de référence absolue absolue
• 8-5 paternité
• 8-6 Affaire—Xuecheng Online-hot
• 8-7 centre
• 8-8 migration
• 8-9 Code QR du cas
• 8-10 cas-bannière
• 8-11 fixé
• 8-12 afficher la hiérarchie
• 8-13 alignement vertical-01
• 8-14 alignement vertical-02
• 8-15 Type de curseur
• 8-16 Utilisation de base de bordure arrondie
• 8-17 Scène de travail aux frontières arrondies
• 8-18 Effet d'affichage de débordement-débordement
• 8-19 Afficher l'utilisation de base masquée
• 8-20 Cas - Afficher et masquer le code QR
• 8-21 Opacité des attributs transparents
• Chapitre9 Construction du projet Little Rabbit Fresh
• 9-1 fonction elfe CSS
• 9-2 utilisation de sprite CSS
• 9-3 Zoom sur l'image d'arrière-plan
• 9-4 boîte ombre
• 9-5 transition
• 9-6 étiquette squelette
• 9-7 Référencement
• 9-8 favicon - icône de titre
• 9-9 Répertoire du projet
• 9-10 Préparation du code de projet
• 9-11 Mise en page de navigation rapide
• 9-12 Contenu de navigation rapide
• 9-13 disposition d'en-tête
• 9-14 logo et navigation
• 9-15 recherche
• 9-16 panier
• 9-17 Mise en page du droit d'auteur
• 9-18 Contenu protégé par copyright terminé
• 9-19 Droit d'auteur en bas
• Chapitre10 Corps principal du projet Little Rabbit Fresh
• 10-1 image de bannière
• 10-2 disposition de navigation côté bannière
• 10-3 contenu du texte de navigation côté bannière
• 10-4 bannière-flèche
• 10-5 point de bannière
• 10-6 Des choses fraîches et bonnes-Titre
• 10-7 Des choses fraîches et bonnes-Contenu-Mise en page
• 10-8 Des trucs frais et bons - contenu terminé
• 10-9 Des choses fraîches et bonnes-nouveau texte de produit
• 10-10 Mise en page du titre des aliments frais
• 10-11 Espace produits frais
• 10-12 Disposition du contenu des aliments frais