Mise en page mobile : HTML5+CSS3 version avancée et améliorée

• Chapitre1 H5C3 renforcé
• 1-1 Introduction au HTML5
• 1-2 Utilisation de base de vscode
• 1-3 installation du plug-in vscode
• 1-4 Qu'est-ce que HTML5
• 1-5 Nouvelles balises HTML5
• 1-6 Balises audio multimédia
• 1-7 Balises vidéo multimédia
• 1-8 Nouvelle balise d'entrée HTML5
• 1-9 Nouveaux attributs de formulaire HTML5
• 1-10 Résumé HTML5
• 1-11 Introduction à CSS3
• 1-12 Sélecteur d'attribut CSS3 (en haut)
• 1-13 Sélecteur d'attribut CSS3 (ci-dessous)
• 1-14 Sélecteur de pseudo-classe structurelle CSS3 (Partie 1)
• 1-15 nième enfant(n)
• 1-16 La différence entre le nième enfant et le nième de type
• 1-17 Résumé du sélecteur de pseudo-classe de structure
• 1-18 Sélecteur de pseudo-éléments CSS3
• 1-19 Cas du sélecteur de pseudo-éléments
• 1-20 Conversion 2D : traduire
• 1-21 Centrer une boîte horizontalement et verticalement
• 1-22 Rotation de la conversion 2D
• 1-23 Triangle CSS3
• 1-24 Définir le point central de conversion
• 1-25 Cas du point central de rotation
• 1-26 Échelle de conversion 2D
• 1-27 Cas d'agrandissement d'image
• 1-28 Étui pour bouton de recherche de personnes
• 1-29 Méthodes d'écriture complètes et problèmes de séquence pour la conversion 2D
• 1-30 Résumé de la conversion 2D
• 1-31 Utilisation de base de l'animation CSS3
• 1-32 séquence d'animation
• 1-33 Propriétés communes des animations CSS3
• 1-34 Abréviation d'animation CSS3
• 1-35 Cas de carte thermique Big Data (Partie 1)
• 1-36 Cas de carte thermique Big Data (partie 2)
• 1-37 Les étapes de la courbe de vitesse
• 1-38 Grosse valise Running Bear
• 1-39 Comprendre la transformation 3D
• 1-40 traduction 3D traduire3d
• 1-41 perspectiveperspective
• 1-42 traduction
• 1-43 Rotation 3D
• 1-44 Rotation 3D rotationY
• 1-45 Rotation 3D
• 1-46 Style de transformation de rendu 3D
• 1-47 Étui à rabat double face
• 1-48 Barre de navigation 3D (en haut)
• 1-49 Barre de navigation 3D (ci-dessous)
• 1-50 Cas complet de carrousel (partie 1)
• 1-51 Cas complet de carrousel (partie 2)
• 1-52 Préfixe privé et résumé du navigateur
• Chapitre2 Disposition fluide
• 2-1 Introduction à la disposition du flux de développement WEB mobile
• 2-2 Notions de base sur les terminaux mobiles
• 2-3 Fenêtre
• 2-4 balise méta-fenêtre
• 2-5 rapport pixel physique/pixel physique
• 2-6 Graphique double
• 2-7 Mise à l'échelle de l'arrière-plan
• 2-8 Double image d'arrière-plan et découpe multi-images
• 2-9 Options de développement mobile
• 2-10 Solutions technologiques mobiles
• 2-11 Style spécial mobile
• 2-12 Sélection de technologie mobile
• 2-13 Disposition fluide
• 2-14 Travail de préparation pour la page d'accueil mobile de JD.com
• 2-15 paramètres du corps
• 2-16 disposition de l'application
• 2-17 remplissage du contenu de l'application
• 2-18 Disposition du module de recherche
• 2-19 Production de contenu du module de recherche
• 2-20 Comment créer un graphique à double sprite
• 2-21 Production de cartes de focus
• 2-22 Production de modules de jour de marque
• 2-23 Production du module de navigation de la barre de navigation
• 2-24 Module Newsletter
• 2-25 Fin de la page d'accueil mobile de JD.com 2
• Chapitre3 fléchir
• 3-1 Introduction à la mise en page flexible du développement WEB mobile
• 3-2 Expérience de mise en page flexible
• 3-3 principe de disposition flexible
• 3-4 flex définit la direction de la broche
• 3-5 justifier-contenu définit la disposition des sous-éléments de l'axe principal
• 3-6 Si les sous-éléments flex-wrap s'enroulent
• 3-7 align-items définit la disposition des éléments enfants sur l'axe transversal
• 3-8 align-content définit la disposition des éléments enfants sur l'axe transversal
• 3-9 flux flexible et résumé
• 3-10 Utilisation des propriétés flex enfants
• 3-11 align-self et ordre
• 3-12 Travail de préparation de la page d'accueil mobile Ctrip
• 3-13 Analyse de la mise en page de la page d'accueil et mise en page du module de recherche
• 3-14 Module de recherche créé par l'utilisateur
• 3-15 Production de modules de recherche Production de recherche
• 3-16 Production de modules de focus de carte de focus
• 3-17 disposition de navigation locale
• 3-18 production de contenu de navigation locale
• 3-19 Utilisez le sélecteur d'attribut pour modifier l'image d'arrière-plan
• 3-20 disposition de l'apparence de la navigation
• 3-21 production de contenu de navigation
• 3-22 Dégradé linéaire de fond
• 3-23 production de modules d'entrée de sous-navigation
• 3-24 Production de modules d'activités populaires
• 3-25 Plus de production de modules de bien-être
• 3-26 production du module sales-bd 3
• Chapitre4 disposition rem
• 4-1 Introduction au développement WEB mobile avec mise en page adaptative
• 4-2 unité rem
• 4-3 Introduction à la syntaxe des requêtes multimédias
• 4-4 Décoloration de l'arrière-plan du dossier Media Query
• 4-5 Media query + rem réalise des changements dynamiques de taille des éléments
• 4-6 La requête multimédia introduit des ressources
• 4-7 Inconvénients du CSS
• 4-8 Introduction à LESS et utilisation de variables
• 4-9 less compiler un plug-in sans effort
• 4-10 moins de nidification
• 4-11 moins d'opération
• 4-12 Principe du schéma d'adaptation rem
• 4-13 plan d'adaptation définitif du rem
• 4-14 Page d'accueil de Suning production commune.moins
• 4-15 Style d'importation de la page d'accueil Suning
• 4-16 Paramètres de style de corps de la page d'accueil Suning
• 4-17 Disposition du module de contenu de recherche de la page d'accueil Suning
• 4-18 Disposition du contenu de recherche de la page d'accueil Suning
• 4-19 Production du module de recherche de page d'accueil Suning
• 4-20 Production de bannières de page d'accueil et de modules publicitaires Suning
• 4-21 Production de pièces de navigation sur la page d'accueil de Suning
• 4-22 solution d'adaptation rem 2 introduction à flexble.js
• 4-23 solution d'adaptation rem 2 Préparatifs préliminaires de la page d'accueil de Suning
• 4-24 schéma d'adaptation rem modification du style 2body
• 4-25 Un plug-in vscode magique cssrem
• 4-26 Modifier la taille de police HTML par défaut flexible
• 4-27 solution d'adaptation rem 2 recherche-contenu production de contenu 1
• 4-28 solution d'adaptation rem 2 recherche-contenu production de contenu 2
• Chapitre5 Mise en page réactive
• 5-1 Introduction réactive au développement Web mobile
• 5-2 Principes de développement réactif
• 5-3 Conteneur de mise en page réactif
• 5-4 Étui de navigation réactif
• 5-5 Introduction à Bootstrap
• 5-6 Utilisation du bootstrap (partie 1)
• 5-7 Utilisation du bootstrap (partie 2)
• 5-8 Conteneur de mise en page Bootstrap
• 5-9 Système de grille Bootstrap
• 5-10 Utilisation du système de grille Bootstrap (Partie 1)
• 5-11 Utilisation du système de grille Bootstrap (Partie 2)
• 5-12 Imbrication de colonnes Bootstrap
• 5-13 Décalage de la colonne Bootstrap
• 5-14 Tri des colonnes Bootstrap
• 5-15 Outils réactifs Bootstrap
• 5-16 Analyse de la demande d'Alibaba Baixiu
• 5-17 Travaux préparatoires pour Ali Baixiu
• 5-18 Modifier la largeur maximale du conteneur
• 5-19 Production du logo Alibaba Baixiu
• 5-20 Alibaba Baixiu nav production introduit des icônes de police
• 5-21 Produit par Ali Baixiu News (Partie 1)
• 5-22 Produit par Ali Baixiu News (Partie 2)
• 5-23 Alibaba Baixiu publie la production de modules
• 5-24 Alibaba Baixiu met à part la production de modules
• 5-25 Production réactive du logo Alibaba Baixiu
• 5-26 Production réactive d'Alibaba Baixiu nav
• 5-27 Production réactive aux actualités d'Alibaba Baixiu
• 5-28 Alibaba Baixiu publie une production réactive
• 5-29 Résumé du développement des terminaux mobiles