localisation actuelle:Maison > Articles techniques > programmation quotidienne > connaissance CSS

  • Squoosh : un outil d'optimisation d'image pour votre site internet
    Squoosh : un outil d'optimisation d'image pour votre site internet
    ?Indice Introduction Qu’est-ce que le Squoosh ? Chargement paresseux Références Conclusions 1. Introduction Le web se caractérise généralement par l’utilisation d’images. Avez-vous déjà visité un site Web qui ne contient pas d'images ? je t'assure que
    tutoriel CSS . interface Web 938 2025-01-18 00:12:12
  • Combinateurs en CSS
    Combinateurs en CSS
    Les combinateurs dans les sélecteurs CSS peuvent rendre le code HTML plus propre et plus facile à maintenir. Voici quelques situations dans lesquelles les combinateurs peuvent être utilisés : Par exemple, ce code : Hommes Enfants Vous pouvez utiliser le combinateur .navbar-list > li { /* votre code CSS */ } au lieu de .list-item { /* votre code CSS */ } pour obtenir une structure de code plus rationalisée et l'appliquer au code suivant : Hommes
    tutoriel CSS . interface Web 1095 2025-01-17 20:05:10
  • Derniers ajustements du style de validation
    Derniers ajustements du style de validation
    Pour maximiser les fonctionnalités tout en ajoutant des styles manquants, rappelez-vous ce principe clé : ne présumez pas. Cela signifie que nous pouvons utiliser des variables CSS pour le remplissage relatif, les marges, les bordures et les couleurs, mais nous ne dicterons pas l'apparence de la case à cocher. C'est un projet
    tutoriel CSS . interface Web 797 2025-01-17 18:07:08
  • Faites ressortir votre HTML avec ces balises HTML qui vous manquent peut-être
    Faites ressortir votre HTML avec ces balises HTML qui vous manquent peut-être
    Déverrouiller les joyaux cachés du HTML : 11 balises moins connues à connaître Le HTML, l’épine dorsale des pages Web, est plus polyvalent que beaucoup ne le pensent. Alors que les balises familières aiment et sont essentielles, plusieurs balises moins connues offrent des fonctionnalités puissantes.
    tutoriel CSS . interface Web 253 2025-01-17 14:05:12
  • Remarque sur le stockage local
    Remarque sur le stockage local
    Stockage local JavaScript des notes Ce code montre comment utiliser JavaScript pour manipuler le stockage local, enregistrer et afficher le contenu textuel. Code Javascript : let title = document.getElementById('title'); let text = document.getElementById('body'); laissez saveBtn = document.getElementById('save'); let display = document.getElementById('disp
    tutoriel CSS . interface Web 952 2025-01-17 02:08:09
  • Création d'un composant de carte de prévisualisation NFT interactive
    Création d'un composant de carte de prévisualisation NFT interactive
    Ce didacticiel vous guide dans la création d'une carte d'aperçu NFT interactive à l'aide de HTML, CSS et JavaScript. Inspiré d'un défi Frontend Mentor, ce projet crée une carte attrayante et engageante affichant les détails du NFT : image, prix, reste
    tutoriel CSS . interface Web 1066 2025-01-16 18:19:09
  • Aux prises avec le problème du menu de navigation WordPress en développement
    Aux prises avec le problème du menu de navigation WordPress en développement
    Chers développeurs WordPress, Je suis en train de créer un site WordPress, GTA Andreas Pro APK, et j'ai rencontré un problème avec le menu de navigation. L'affichage du menu est irrégulier ; il chevauche le contenu et ne se développe pas correctement, en particulier sur les écrans plus petits. j'utilise
    tutoriel CSS . interface Web 771 2025-01-16 12:55:01
  • Tronquer le texte avec Text-Overflow
    Tronquer le texte avec Text-Overflow
    Dans le développement Web, nous rencontrons souvent des situations où le texte des éléments HTML dépasse l'espace disponible. Pour garder la page belle et lisible, nous pouvons utiliser la propriété text-overflow de CSS. Découvrez la démo CodePen ci-dessous : Article complet : Troncation du texte : extrait de code CSS de la propriété text-overflow
    tutoriel CSS . interface Web 1018 2025-01-15 18:07:47
  • Résoudre les problèmes de défilement automatique pour le conteneur de débordement dans une application Nuxt
    Résoudre les problèmes de défilement automatique pour le conteneur de débordement dans une application Nuxt
    Cet article explique comment j'ai résolu le problème de défilement automatique causé par le conteneur de débordement dans le corps non défilant de l'application Nuxt et amélioré l'expérience utilisateur lorsque le site Web défile. Table des matières Conception initiale Problème Solution Résumé Conception initiale Lors de la création de mon site Web à l'aide de Nuxt.js, ma conception initiale consistait à rendre uniquement le conteneur de contenu principal défilable, tandis que l'en-tête et le pied de page restaient fixes - sans utiliser le positionnement fixe ou absolu du CSS. Pour ce faire, j'ai utilisé une combinaison des propriétés CSS `flex` et `overflow`, en commençant par la balise `body` : body{overflow:hidden;height:100%;} dans la mise en page default.vue :
    tutoriel CSS . interface Web 404 2025-01-15 18:04:47
  • Comment configurer mes projets Frontend Mentor avec Tailwind CSS
    Comment configurer mes projets Frontend Mentor avec Tailwind CSS
    Les tâches au travail ont été récemment restructurées et je n'ai pas pu profiter autant d'être développeur que d'habitude - c'est-à-dire qu'il n'y a pas de fonctionnalités frontales à créer. Pour compenser cela, j'ai relancé le développement de projets sur une plateforme de mentorat front-end, qui fournit de superbes maquettes d'interface utilisateur que les développeurs peuvent transformer en projets réels. J'ai commencé à utiliser la plateforme il y a environ un an et j'ai été impressionné non seulement par la qualité des projets, mais également par l'accent mis sur le renforcement de la communauté, avec un accent particulier sur la formation des développeurs aux meilleures pratiques en matière d'accessibilité. Il s'agit d'une excellente ressource que je recommande vivement à tout développeur cherchant à perfectionner ses compétences front-end sur des projets du monde réel - différents niveaux de difficulté, en commençant par des projets très simples qui ne nécessitent que HTML et CSS, donc chaque disponible pour chaque niveau de compétence.
    tutoriel CSS . interface Web 646 2025-01-15 11:47:43
  • Frontend rapide Ruby on Rails utilisant Tailwind comme framework CSS sans classe
    Frontend rapide Ruby on Rails utilisant Tailwind comme framework CSS sans classe
    Cet article est très similaire aux articles précédents de cette série, mais cette fois nous utiliserons le framework Tailwind comme framework CSS sans classe. Le temps avant la création d'une nouvelle commande railsserve d'application Rails est utilisé pour afficher la durée totale d'exécution de la commande. L'exemple suivant a pris 47 secondes. $rails-vRails8.0.0$timerailsnewclassless-css-tailwind...real0m47.500suser0m33.052ssys0m4.249sRails8 est basé sur sa philosophie "NoBuild" et utilise Prop Shaft comme bibliothèque de pipeline de ressources et Importmap comme JavaScript par défaut
    tutoriel CSS . interface Web 513 2025-01-15 10:44:45
  • Comprendre Galadriel CSS et Nenyr : un guide complet du style déclaratif
    Comprendre Galadriel CSS et Nenyr : un guide complet du style déclaratif
    Dans le monde trépidant du développement Web, la création de code maintenable, évolutif et optimisé est plus importante que jamais. Pour les développeurs qui valorisent la modularité et la clarté, Galadriel CSS présente une solution puissante. Au cœur de Galadriel CSS se trouve Nenyr, un langage spécifique à un domaine (DSL)
    tutoriel CSS . interface Web 363 2025-01-15 10:25:44
  • Se préparer pour Tailwind v
    Se préparer pour Tailwind v
    Écrit par Oscar Jite-Orimiono✏️Le mot «vent arrière» signifie littéralement le vent soufflant dans la même direction que le mouvement d'un avion ou d'un bateau. Il aide un objet à se déplacer plus rapidement et à atteindre sa destination plus rapidement, garantissant ainsi vitesse et efficacité.
    tutoriel CSS . interface Web 394 2025-01-15 10:05:59
  • Créez de superbes révélations progressives avec JavaScript setTimeout et les transitions CSS
    Créez de superbes révélations progressives avec JavaScript setTimeout et les transitions CSS
    Ce didacticiel montre comment révéler progressivement les éléments d'une page Web à l'aide de la fonction Définir le délai d'attente et des transitions CSS de JavaScript. L'effet crée une apparence visuellement engageante et décalée de div, chacun s'estompant de manière séquentielle. Présentation Cet exemple présente une série de div, chacun contenant
    tutoriel CSS . interface Web 998 2025-01-14 20:09:44
  • Utilisation de la propriété currentColor pour changer la couleur SVG
    Utilisation de la propriété currentColor pour changer la couleur SVG
    La propriété currentColor de CSS peut être utilisée pour hériter de la couleur du texte d'autres propriétés SVG, telles que le remplissage et le contour. De cette façon, vous pouvez changer la couleur de l'ensemble de l'élément SVG en changeant la couleur du texte. Découvrez la démo CodePen ci-dessous : Article complet : Utilisation de la propriété currentColor pour modifier l'extrait de code SVGcolorCSS
    tutoriel CSS . interface Web 735 2025-01-14 18:04:43

Recommandations d'outils

Code de contact du formulaire de message d'entreprise jQuery

Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.

Effets de lecture de boîte à musique HTML5 MP3

L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.

Effets spéciaux du menu de navigation d'animation de particules cool HTML5

L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.

Code d'édition par glisser-déposer du formulaire visuel jQuery

Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.

Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5

Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02

Modèle Web d'informations de CV simples Bootstrap4

Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02

Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

Il s'agit d'un joli matériau vectoriel d'éléments d'été, comprenant le soleil, un chapeau de soleil, un cocotier, un bikini, un avion, une pastèque, une crème glacée, une boisson fraîche, une bouée, des tongs, un ananas, une conque, une coquille, une étoile de mer, un crabe. , Citrons, crème solaire, lunettes de soleil, etc., le matériel est fourni aux formats EPS et PNG, y compris des aperçus JPG.
Matériau PNG
2024-05-09

Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

Il s'agit d'un matériau vectoriel de badge de remise des diplômes rouge 2023, quatre au total, disponible aux formats AI, EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-29

Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

Il s'agit d'un matériau vectoriel de bannière printanière conçu avec des oiseaux chanteurs et un chariot rempli de fleurs. Il est disponible aux formats AI et EPS, y compris l'aperçu JPG.
image de bannière
2024-02-29

Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

Il s'agit d'un matériau vectoriel de casquette de graduation dorée, disponible aux formats EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-27

Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09

Modèle de page de guide de CV personnel aux couleurs fraîches

Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29

Modèle Web de CV de travail créatif de concepteur

Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28

Modèle de site Web d'entreprise de construction d'ingénierie moderne

Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28