interface Webtutoriel CSSComment utiliser CSS pour une mise en page rapide (1) - éléments de mise en page en détailComment utiliser CSS pour une mise en page rapide (1) - éléments de mise en page en détail
Pour effectuer rapidement une mise en page Web, vous devez avoir une compréhension claire des éléments de la mise en page afin de ne pas toujours commettre des erreurs dans les détails. Cet article explique d'abord en détail les facteurs liés à la mise en page comme base de la mise en page : éléments au niveau du bloc et éléments en ligne, modèle de boîte, positionnement précis, alignement des éléments et héritage de style. Le prochain article se concentre sur la description d’idées de mise en page rapides.
1. Que sont les éléments de niveau bloc et les éléments en ligne ?
1. Les éléments de niveau bloc :
affichage : le bloc est caractérisé par le pliage. Oui, de manière générale, il peut contenir des éléments de niveau bloc et des éléments en ligne
Exception :
Les éléments P ne peuvent contenir que des éléments en ligne, pas des éléments de niveau bloc.
L'élément de bloc "form" est spécial. Il ne peut être utilisé que pour accueillir d'autres éléments de bloc.
2. Éléments en ligne :
display:inline n'affiche pas les sauts de ligne et ne peut contenir que des éléments en ligne.
Les éléments en ligne comme « span » n'ont pas leur propre espace indépendant. Ils dépendent d'autres éléments au niveau du bloc. Par conséquent, la définition d'attributs tels que la hauteur, la largeur et les marges intérieures et extérieures sur les éléments en ligne n'est pas valide. . En fait, les éléments en ligne que vous devez connaître sont span et un
3. L'élément flottant est automatiquement défini sur l'élément "block"
, qu'il soit ou non. est un bloc ou en ligne. Une fois le flottant défini, la hauteur et la largeur peuvent être définies
répond à la souris. Si float:left est ajouté, la hauteur et la largeur peuvent être définies. Le bloc entier répond à la souris, mais c'est une horizontale. menu,
Set display:inline; cette propriété peut résoudre le fameux problème de double bordure flottante d'IE. ↓(Il semble que ce problème n'existe que dans IE6 ?)
http://www.zzzszy.com/a/2016/0927/896160.html
Où devrait «abonner au podcast» vers le lien?Apr 16, 2025 pm 12:04 PMPendant un certain temps, iTunes était le grand chien du podcasting, donc si vous avez lié "Abonnez-vous au podcast" pour aimer:
Diversité du moteur du navigateurApr 16, 2025 pm 12:02 PMNous avons perdu l'opéra lorsqu'ils sont devenus Chrome en 2013. Même accord avec Edge quand il est également devenu Chrome plus tôt cette année. Mike Taylor a qualifié ces changements de "de moins
Considérations UX pour le partage WebApr 16, 2025 am 11:59 AMDes sites trash des appâts clics au plus d'août des publications, les boutons de partage sont depuis longtemps omniprésents sur le Web. Et pourtant on peut soutenir que ces
Actualités hebdomadaires de la plate-forme: Apple déploie des composants Web, rendu HTML progressif, ressources critiques d'auto-hébergementApr 16, 2025 am 11:55 AMAu cours de cette semaine, Apple entre dans les composants Web, comment Instagram est des scripts à chargement Insta et de la réflexion pour l'auto-hébergement des ressources critiques.
Git PathSpecs et comment les utiliserApr 16, 2025 am 11:53 AMQuand je regardais la documentation des commandes GIT, j'ai remarqué que beaucoup d'entre eux avaient une option. J'ai d'abord pensé que c'était juste un
Un sélecteur de couleurs pour les images de produitsApr 16, 2025 am 11:49 AMCela ressemble un peu à un problème difficile ne va pas? Nous n'avons souvent pas de photos de produits dans des milliers de couleurs, de sorte que nous pouvons nous déplacer avec. NOUS non plus
Un mode noir bascule avec React et ThemeproviderApr 16, 2025 am 11:46 AMJ'aime quand les sites Web ont une option de mode sombre. Le mode Dark facilite la lecture des pages Web et aide mes yeux plus détendus. De nombreux sites Web, y compris
Certains pratiques avec l'élément de dialogue HTMLApr 16, 2025 am 11:33 AMC'est moi qui regarde l'élément HTML pour la première fois. J'en ai été conscient depuis un certain temps, mais il ne l'a pas encore pris pour un tour. Il a un peu cool et
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.
Navigateur d'examen sécurisé
Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
Dreamweaver CS6
Outils de développement Web visuel
Dreamweaver Mac
Outils de développement Web visuel
