section suivante: Grid 实战-快速实现 12 列栅格布局组件(一)2593 joue

5 秒后自动播放下一节
  Regarder à nouveau

CSS3-un outil puissant pour améliorer instantanément la qualité des pages Web

Introduction >
chapitredidacticiel
Chapitre1syntaxe de base CSS et requêtes multimédias

Première expérience CSS et boîte d'éléments

10 minutes02 secondes

Type et disposition des éléments

21 minutes59 secondes

Explication détaillée de l'attribut d'affichage de l'élément CSS

13 minutes30 secondes

Quatre façons d'appliquer le CSS aux éléments

19 minutes30 secondes

Autre contenu dans le document CSS

17 minutes19 secondes

Principes et mise en œuvre des media queries

17 minutes22 secondes
Chapitre2Types et scénarios d'application des sélecteurs CSS

Première expérience du rôle de sélecteur CSS

09 minutes11 secondes

Types et scénarios d'application des sélecteurs simples CSS

18 minutes08 secondes

Types et scénarios d'application des sélecteurs de contexte CSS

24 minutes33 secondes

Types et scénarios d'application de correspondance sans groupe de sélecteurs de pseudo-classe CSS (1)

17 minutes20 secondes

Scénario d'application de sélection de pseudo-classe CSS sans correspondance de groupe (2)

16 minutes32 secondes

Scénarios d'application de correspondance de groupe de sélecteurs de pseudo-classe CSS

15 minutes41 secondes
Chapitre3Contrôles de police et icônes de police

contrôle précis CSS du texte de la page

22 minutes35 secondes

Comment introduire correctement les icônes de police Ali dans le projet (1)

18 minutes43 secondes

Comment introduire correctement les icônes de police Ali dans le projet (2)

12 minutes16 secondes

Contrôle précis CSS de la taille et du style de la police (1)

15 minutes15 secondes

Contrôle précis CSS de la taille et du style de la police (2)

17 minutes44 secondes

Contrôle précis CSS de la taille et du style de la police (3)

19 minutes09 secondes

Hauteur et alignement de la ligne de texte

15 minutes08 secondes
Chapitre4Description détaillée du modèle de boîte CSS

La composition et les propriétés communes du modèle de cadre

16 minutes30 secondes

Disposition du modèle de boîte et blocs contenants

19 minutes17 secondes

Modèle de boîte formaté horizontalement

13 minutes19 secondes

Problème d'effondrement de la hauteur verticale de la marge du modèle de boîte

04 minutes45 secondes

Contrôle d'arrière-plan d'élément dans le modèle de boîte

06 minutes39 secondes

L'effet du flottement des éléments et de la compensation du flottement

12 minutes25 secondes

Méthodes de positionnement des éléments et scénarios d'application dans le modèle boîte

18 minutes10 secondes
Chapitre5Principes et applications de la disposition flexible

Le principe et la mise en œuvre du flex layout

14 minutes13 secondes

Paramètres et fonctionnalités du conteneur Flex

15 minutes09 secondes

La direction de l'axe principal du conteneur flexible

07 minutes26 secondes

Comment les éléments flexibles s'enroulent sur l'axe principal du conteneur

11 minutes52 secondes

les éléments flexibles sont triés sur l'axe principal du conteneur

07 minutes33 secondes

L'alignement des éléments flexibles sur l'axe transversal

05 minutes23 secondes

Le facteur de grossissement de l'élément flexible sur l'axe principal du conteneur

11 minutes37 secondes

Disposition et alignement des éléments flexibles sur l'axe principal du conteneur

24 minutes55 secondes

Le facteur de retrait de l'élément flexible sur l'axe principal

12 minutes03 secondes

largeur de calcul de l'élément flexible et propriété de l'abréviation de l'élément flex

16 minutes05 secondes
Chapitre6Cas pratiques classiques à agencement flexible

Exemple de disposition flexible – disposition rectangulaire irrégulière

14 minutes21 secondes

Scénarios d'application de l'attribut flex instance-order

07 minutes52 secondes

Exemple de configuration flexible/solution de configuration universelle côté PC (1)

16 minutes38 secondes

Exemple de configuration flexible/solution de configuration universelle côté PC (2)

18 minutes25 secondes

Exemple d'aménagement flexible/plan d'aménagement d'un terminal mobile (centre commercial) (1)

16 minutes07 secondes

Exemple d'aménagement flexible/plan d'aménagement d'un terminal mobile (centre commercial) (2)

15 minutes10 secondes

Exemple d'aménagement flexible/plan d'aménagement d'un terminal mobile (centre commercial) (3)

19 minutes41 secondes

Exemple d'aménagement flexible/plan d'aménagement d'un terminal mobile (centre commercial) (4)

17 minutes42 secondes
Chapitre7Principes de disposition de la grille et attributs communs

Idées de disposition de grille et termes de base

13 minutes55 secondes

Création d'un conteneur de grille et génération d'un projet de grille

11 minutes02 secondes

Définir le nombre et la taille des éléments de la grille

16 minutes34 secondes

Division des cellules de la grille et placement des éléments

21 minutes08 secondes

grille nommée lignes de grille et zones nommées

22 minutes35 secondes

Grille nommée zone de grille mise en page rapide pratique à trois colonnes

18 minutes35 secondes

Définir l'alignement des cellules dans le conteneur Grid

14 minutes33 secondes

Définir l'alignement d'un élément dans une cellule

06 minutes33 secondes
Chapitre8Cas classique pratique de disposition en grille

Pratique de la grille : implémentez rapidement un composant de disposition de grille à 12 colonnes (1)

14 minutes10 secondes

Pratique de la grille/-implémentation rapide d'un composant de disposition de grille à 12 colonnes (2)

11 minutes19 secondes

Pratique de la grille/implémentation rapide d'une disposition à trois colonnes sur PC

13 minutes30 secondes

Pratique de la grille/album photo en ligne réactif

21 minutes52 secondes
  • AnnulerrépondreEnvoi en cours
  • Annulerposter une noteEnvoi en cours