Comment implémenter l'affichage et le masquage en CSS : 1. Utilisez l'attribut display et la syntaxe "display:none|block;" pour masquer et afficher les éléments HTML. 2. Utilisez l'attribut de visibilité et la syntaxe "visibility" ; :hidden|visible" pour masquer et afficher les éléments Display HTML.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Dans le processus de développement habituel, nous rencontrons toujours du texte affiché ou masqué dans des scénarios spécifiques pour obtenir l'effet souhaité. Dans la syntaxe d'affichage et de visibilité en CSS, ils peuvent à la fois masquer et afficher l'élément HTML. . Ils peuvent se ressembler, mais ils présentent néanmoins certaines différences.
Tout d'abord, jetons un coup d'œil aux attributs d'affichage et de visibilité
L'attribut d'affichage définit le mode d'affichage de l'élément. les valeurs facultatives sont none, block et inline, la description de chaque valeur est la suivante :
aucun : Masquer l'élément et ne conserve pas l'espace lorsque l'élément est affiché.
bloquer : Afficher les éléments en mode bloc.
inline : Afficher l'élément en ligne.
L'attribut de visibilité définit s'il faut afficher l'élément. La fonctionnalité de script correspondante est la visibilité. Les valeurs facultatives sont héritées, masquées et visibles.
hériter : hérite du paramètre d'attribut de visibilité de l'élément parent.
masqué : Cache l'élément mais conserve l'espace qu'il occupe.
visible : Élément d'affichage (valeur par défaut).
Mode d'emploi : Masquer l'élément html lorsque
display:none;, pour être précis, lors de la navigation Supprimer cet élément depuis le navigateur afin qu'il n'occupe pas d'espace à l'écran. S'il y a d'autres éléments en dessous, il sera déplacé vers cette zone spatiale.
dispaly:block; affiche l'élément html masqué. Si un autre élément occupe l'espace, il descendra et l'espace sera à nouveau occupé par l'élément d'origine.
visibilité : cachée ; Masquer l'élément, véritablement caché, mais il occupe toujours cet espace.
visibility:visible; Rendre l'élément visible.
Un exemple simple est écrit ci-dessous pour voir l'effet :
Masquer la deuxième rangée et l'occuper toujours Après cachant la quatrième rangée, elle n'occupe pas la position d'origine.
[Apprentissage recommandé : Tutoriel vidéo CSS]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Simulation du mouvement de la sourisApr 22, 2025 am 11:45 AMSi vous avez jamais eu à afficher une animation interactive lors d'un discours en direct ou d'une classe, vous savez peut-être que ce n'est pas toujours facile d'interagir avec vos diapositives
Alimentation de recherche avec Astro Actions et Fuse.jsApr 22, 2025 am 11:41 AMAvec Astro, nous pouvons générer la plupart de notre site pendant notre version, mais avoir un petit peu de code côté serveur qui peut gérer les fonctionnalités de recherche en utilisant quelque chose comme Fuse.js. Dans cette démo, nous utiliserons du fusible pour rechercher un ensemble de «signets» personnels
Undefined: la troisième valeur booléenneApr 22, 2025 am 11:38 AMJe voulais implémenter un message de notification dans l'un de mes projets, similaire à ce que vous verriez dans Google Docs pendant que un document enregistre. En d'autres termes, un
Pour défendre la déclaration ternaireApr 22, 2025 am 11:25 AMIl y a quelques mois, j'étais sur Hacker News (comme on le fait) et j'ai rencontré un article (maintenant supprimé) sur le fait de ne pas utiliser les déclarations. Si vous êtes nouveau dans cette idée (comme moi
Utilisation de l'API de discours Web pour les traductions multilinguesApr 22, 2025 am 11:23 AMDepuis les premiers jours de la science-fiction, nous avons fantasmé sur les machines qui nous parlent. Aujourd'hui, c'est monnaie courante. Même ainsi, la technologie de fabrication
Blocs de jetpack GutenbergApr 22, 2025 am 11:20 AMJe me souviens quand Gutenberg a été libéré dans Core, parce que j'étais à WordCamp Us ce jour-là. Un certain nombre de mois se sont passés maintenant, donc j'imagine de plus en plus d'entre nous
Création d'un composant de pagination réutilisable dans VueApr 22, 2025 am 11:17 AML'idée derrière la plupart des applications Web est de récupérer les données de la base de données et de la présenter à l'utilisateur de la meilleure façon possible. Quand nous traitons des données là-bas
En utilisant 'Box Shadows' et Clip-chemin ensembleApr 22, 2025 am 11:13 AMLaissez faire un peu étape par étape d'une situation où vous ne pouvez pas faire ce qui semble logique, mais vous pouvez toujours le faire avec la ruse CSS. En ce moment
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
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
VSCode Windows 64 bits Télécharger
Un éditeur IDE gratuit et puissant lancé par Microsoft
DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel
PhpStorm version Mac
Le dernier (2018.2.1) outil de développement intégré PHP professionnel
SublimeText3 version anglaise
Recommandé : version Win, prend en charge les invites de code !
Télécharger la version Mac de l'éditeur Atom
L'éditeur open source le plus populaire
