Article Tags
Partage de code pratique HTML5 pour utiliser CSS pour décorer des galeries d'images (2)
Dans la leçon précédente, notre solution utilisait jquery pour créer une balise span. Dans cette leçon, nous utiliserons une meilleure solution, en utilisant les pseudo-classes :before et :after. :before est souvent utilisé pour ajouter des éléments supplémentaires.
Mar 23, 2017 pm 03:43 PM
HTML5 Practice-CSS3 Media Queries Introduction détaillée
CSS2 vous permet de styliser des types de médias spécifiques, tels que des écrans ou des imprimantes. CSS3 fournit des requêtes multimédias plus puissantes. Vous pouvez définir des expressions pour différents types de médias et définir différents styles en fonction de différentes conditions. Par exemple, vous pouvez définir un style pour les grands écrans et un autre style pour les mobiles. Cette fonction est assez puissante. Vous pouvez fournir différents effets de style pour différents appareils sans modifier le contenu de la page. Dans les leçons suivantes, nous présenterons quelques sites qui utilisent cette technologie.
Mar 23, 2017 pm 03:36 PM
Partage de code pratique HTML5 pour une conception réactive à l'aide de CSS3 Media Queries
Les résolutions d'écran vont désormais de 320 px (iPhone) à 2 560 px (grands moniteurs) et au-delà. Les utilisateurs n'utilisent plus seulement des ordinateurs de bureau pour accéder aux sites Web, mais utilisent également des téléphones mobiles, des ordinateurs portables et des tablettes. Par conséquent, le réglage traditionnel de la largeur du site Web sur une valeur fixe n’est plus en mesure de répondre aux besoins. La conception Web doit s'adapter à cette nouvelle exigence et les mises en page doivent pouvoir s'ajuster automatiquement en fonction des différentes résolutions des appareils d'accès. Ce didacticiel vous expliquera comment utiliser les requêtes multimédias HTML5 et CSS3 pour réaliser une conception réactive multi-navigateurs.
Mar 23, 2017 pm 03:33 PM
Pratique HTML5 : introduction à l'utilisation de la balise méta ViewPort dans une conception non réactive
Tout le monde connaît l’importance de la balise viewport pour le design réactif, mais vous ne savez peut-être pas qu’elle joue également un rôle important dans le design non réactif. Si votre site ne répond toujours pas, dans cet article, vous apprendrez comment utiliser la balise viewport pour améliorer l'effet d'affichage de votre site sur les appareils mobiles.
Mar 23, 2017 pm 03:29 PM
Partage de code pratique HTML5 pour une vidéo flexible utilisant CSS
Lorsque je codais le thème Elemin (un site réactif que j'ai récemment conçu), l'un des problèmes de saut d'image que j'ai rencontré était de savoir comment rendre la vidéo intégrée plus flexible avec les changements de taille. L'utilisation de max-width:100% et height:auto peut permettre à la balise vidéo HTML5 de bien fonctionner, mais cette solution ne fonctionne pas pour le code en ligne de balise iframe ou d'objet. Après des heures de recherche et d'expérimentation, j'ai enfin trouvé la solution. Cette astuce CSS est utile lorsque vous effectuez une conception réactive. Vous pouvez visiter l'adresse de démonstration finale et zoomer sur votre navigateur pour voir l'effet.
Mar 23, 2017 pm 03:26 PM
Introduction détaillée à la pratique HTML5 à la mise en œuvre en trois étapes du design réactif
La conception Web réactive n’est pas une tâche difficile maintenant. Si vous n’y êtes pas encore familier et si vous êtes débutant, la conception Web réactive peut être un peu compliquée pour vous, mais en fait, elle est beaucoup plus simple que vous ne le pensez. Afin de vous aider à apprendre le responsive design plus rapidement, j'ai spécialement écrit ce tutoriel. En trois étapes simples, vous pouvez maîtriser la logique de base et les requêtes multimédias du responsive design (en supposant que vous ayez des connaissances en CSS).
Mar 23, 2017 pm 03:12 PM
Explication pratique HTML5 détaillée sur la façon de réaliser une animation de graffiti Google à l'aide de CSS3
Une chose qui doit être soulignée ici est qu'IE ne prend pas en charge les propriétés d'animation de CSS3. Je me plains encore une fois du maléfique IE. Mais nous ne pouvons pas utiliser cela comme une raison pour ne pas adopter le CSS3.
Mar 22, 2017 pm 04:22 PM
Explication détaillée du code HTML5 sur l'utilisation de CSS pour créer des triangles et de CSS3 pour créer des tétraèdres 3D
La première chose que je veux partager avec vous est de savoir comment utiliser div+css pour créer un triangle. Ici, je vais d'abord coller le code correspondant, puis vous expliquer le principe.
Mar 22, 2017 pm 04:19 PM
Pratique HTML5 - exemple de code pour utiliser CSS3 pour enrichir les styles d'image
En CSS3, si box-shadow et border-radius sont utilisés directement sur les images, le navigateur ne peut pas les restituer correctement. Mais si vous utilisez l'image comme image d'arrière-plan, le navigateur de styles ajouté peut bien la restituer. Je vais vous présenter comment utiliser l'ombre de la boîte, le rayon de la bordure et la transition pour créer différents effets de style d'image.
Mar 22, 2017 pm 04:15 PM
Guide HTML5 (4) - Explication détaillée de l'utilisation de la géolocalisation
Ce que nous allons apprendre aujourd'hui, c'est utiliser la géolocalisation pour mettre en œuvre des fonctions de positionnement. Nous pouvons obtenir l'objet Geolocation via navigator.geolocation, qui fournit les méthodes suivantes :
Mar 22, 2017 pm 04:09 PM
Guide HTML5 (3) - Implémentation de la fonction glisser-déposer
Le contenu de cet article explique comment implémenter la fonction glisser-déposer des éléments HTML dans HTML5. Avant html5, pour implémenter le glisser-déposer, il fallait utiliser js. Désormais, html5 prend en charge la fonction glisser-déposer en interne, mais pour implémenter des fonctions un peu plus complexes, l'aide de js est toujours indispensable. Regardons quelques exemples ci-dessous.
Mar 22, 2017 pm 04:05 PM
Guide HTML5 (2) - Introduction détaillée au fonctionnement des métadonnées du document
L'attribut compatMode vous indique comment le navigateur gère le document actuel. Il existe tellement de HTML non standard que les navigateurs essaieront d'afficher ces pages même si elles ne sont pas conformes à la spécification HTML. Certains contenus reposent sur des fonctionnalités uniques qui existaient au début de la guerre des navigateurs, et ces propriétés ne sont pas conformes aux spécifications. compatMode renverra une ou deux valeurs, comme suit :
Mar 22, 2017 pm 04:01 PM
HTML5 Canvas implémente le partage de code pour le jeu de backgammon (images et texte)
Parce que j'ai déjà utilisé GDI+ dans WinForm en C# et le package graphique Java pour créer du backgammon, je connais cette idée logique. Cependant, récemment, j'ai voulu revoir la fonction de dessin sur toile de HTML5 (les entreprises ne les utilisent généralement pas), donc. J'ai fait un backgammon. Bien sûr, je ne l'ai pas fait. En référence au code client précédent, nous utilisons uniquement l'algorithme de jugement gagnant et perdant précédent et l'algorithme d'IA informatique (emprunt de réseau). Bien sûr, il existe de nombreux backgammon créés par html5. et Baidu, mais c'est toujours une bonne chose d'implémenter un côté par vous-même. D'accord, pas de bêtises. Sans plus tarder, allons droit au but. ^_^
Mar 22, 2017 pm 03:43 PM
Explication détaillée du partage d'exemples de code à l'aide de HTML5+css3 pour obtenir des cœurs en cours d'exécution et des effets de goutte d'eau dynamiques
Quand j’écris ce blog, je ne veux pas parler de la différence entre html5 et html4, je pense que beaucoup de gens ont déjà fait ce travail. Je viens d'en faire une démonstration ici en fonction de mes propres passe-temps et des besoins de mon projet.
Mar 22, 2017 pm 03:33 PM
Outils chauds Tags
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
Assassin's Creed Shadows: Solution d'énigmes de coquille
Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour
Où trouver la courte de la grue à atomide atomique
Comment réparer KB5055523 ne parvient pas à s'installer dans Windows 11?
Inzoi: Comment postuler à l'école et à l'université
Outils chauds
Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)
Téléchargez la collection de bibliothèques d'exécution requises pour l'installation de phpStudy
VC9 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC9 32 bits phpstudy
Version complète de la boîte à outils du programmeur PHP
Programmer Toolbox v1.0 Environnement intégré PHP
VC11 32 bits
Bibliothèque d'exécution de l'environnement d'installation intégré VC11 phpstudy 32 bits
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
