localisation actuelle：Maison > Articles techniques > programmation quotidienne > connaissance CSS
- Direction：
- tous web3.0 développement back-end interface Web base de données Opération et maintenance outils de développement cadre php programmation quotidienne Applet WeChat Problème commun autre technologie Tutoriel CMS Java Tutoriel système tutoriels informatiques Tutoriel matériel Tutoriel mobile Tutoriel logiciel Tutoriel de jeu mobile
-
- HTML5 et CSS3 pour le monde réel, deuxième édition
- Principaux à retenir HTML5 et CSS3 sont conçus pour garantir la compatibilité en arrière avec les navigateurs plus anciens, ce qui signifie que les modifications du balisage ne provoqueront pas de problèmes de mise en page ou d'erreurs. Même si les navigateurs plus âgés ne prennent pas en charge entièrement les nouvelles fonctionnalités, ils ne casseront pas les pages ou les causes
- tutoriel CSS . interface Web 876 2025-02-19 10:27:09
-
- Pseudo-classes CSS: champs de formulaire de style basé sur leur entrée
- ** Concepts clés: Champs de formulaire de style avec CSS Pseudo-classes ** Cet article explore les pseudo-classes CSS spécialement conçues pour les champs de formulaire de style en fonction de l'entrée des utilisateurs, des exigences de champ et des états activés / désactivés. Nous couvrirons comment tirer parti de T
- tutoriel CSS . interface Web 933 2025-02-19 09:57:09
-
- Modèles CSS réactifs sans requêtes multimédias
- Cet article explore des techniques de conception réactives qui minimisent ou éliminent la dépendance à l'égard des requêtes médiatiques. Tout en reconnaissant la valeur des requêtes médiatiques, l'auteur soutient que les dimensions des conteneurs fournissent souvent une base plus efficace pour un ajustement réactif
- tutoriel CSS . interface Web 237 2025-02-19 09:28:10
-
- Construisez votre propre thème atome avec CSS
- Atom, cet "éditeur de texte personnalisé du 21e siècle", est devenu le premier choix pour des milliers de développeurs à travers le monde. Il est facile à développer et à personnaliser le rend populaire. Les développeurs partagent de nouvelles fonctionnalités avec la communauté Atom en publiant des forfaits et des thèmes d'extension. Après avoir lu cet article, vous pourrez publier votre propre thème de grammaire Atom - une excellente première étape pour vous lancer dans votre parcours de personnalisation des atomes! Regardez rapidement les points clés Atom est un éditeur de texte personnalisable qui permet aux développeurs de créer et de partager leurs propres thèmes de syntaxe à l'aide de CSS. Pour créer un thème de syntaxe, vous devez d'abord télécharger l'éditeur de texte Atom, puis utiliser la fonction de génération automatique pour créer un package de thème de syntaxe. Atom utilise moins (un superset de CSS) pour style, y compris les variables et les styles imbriqués
- tutoriel CSS . interface Web 420 2025-02-19 08:59:11
-
- Validation des documents HTML5 - SitePoint
- Vérification HTML5: simplifiez le code et améliorez la qualité de la page Web Points clés La vérification HTML5 se concentre davantage sur l'utilisation correcte des éléments, la précision des valeurs d'attribut et l'intégrité des attributs requis, plutôt que sur le style de code. Il s'agit toujours d'un outil précieux pour vous assurer que vos balises sont conformes aux spécifications HTML5. Il existe de nombreuses différences entre la validation XHTML et HTML5, y compris les éléments et les attributs facultatifs, l'insensibilité aux cas et la validité des éléments précédemment dépréciés. Il est recommandé de choisir un style et de maintenir la cohérence tout au long de votre projet HTML5. La vérification HTML5 est essentielle pour s'assurer que les pages Web sont correctement formatées et interprétées par le navigateur, améliorant ainsi les performances, réduisant les erreurs et améliorant l'accessibilité. Il existe une variété d'outils en ligne et hors ligne disponibles pour la vérification HTML5, pour cela
- tutoriel CSS . interface Web 570 2025-02-19 08:58:09
-
- Formulaires HTML5: outils fiables dans notre boîte à outils
- Ce qui suit est extrait du livre "HTML5 & CSS3 pour le monde réel, 2e édition" co-écrit par Alexis Goldstein, Louis Lazaris et Estelle Weyl. Ce livre est disponible dans les magasins du monde entier, et vous pouvez également acheter la version E-Book ici. Nous avons écrit la majeure partie du code de la page et vous savez maintenant presque tout sur les nouveaux éléments HTML5 et leur sémantique. Mais avant de commencer à concevoir le look du site Web (nous le faisons au chapitre 7), nous quitterons rapidement la page d'accueil de HTML5 Herald pour consulter la page d'inscription. Cela illustrera HTML5 dans la table Web
- tutoriel CSS . interface Web 660 2025-02-19 08:24:14
-
- Débogage du CSS pour la réactivité de l'interface utilisateur
- Cet article est extrait du livre "The Master of CSS" écrit par Tiffany Brown. Le livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. CSS Certaines propriétés et valeurs déclenchent un reflux, ce qui est coûteux et peut réduire la vitesse de réponse de l'interface utilisateur - le rendu de la page, la maîtrise de l'animation et les performances de défilement seront affectés, en particulier dans les téléphones mobiles de bas niveau et les téléviseurs à écran plat. équipement. Qu'est-ce que le réarrangement? {.titre} Le réarrangement fait référence à toute action qui modifie une partie ou la totalité de la disposition de la page. Par exemple, modifiez la taille d'un élément ou mettez à jour sa position gauche. Ils amènent le navigateur à recalculer la hauteur, la largeur et la position d'autres éléments dans le document. La repeinte est similaire à la repection et ils obligent le navigateur à repeindre.
- tutoriel CSS . interface Web 715 2025-02-18 13:13:14
-
- Vidéo et audio HTML5: le balisage - SitePoint
- Explication détaillée des balises vidéo et audio HTML5: construire un lecteur vidéo réactif Cet article est extrait du livre "HTML5 & CSS3 pour le monde réel, 2e édition" co-écrit par Alexis Goldstein, Louis Lazaris et Estelle Weyl. Ce livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. Points de base Les balises vidéo et audio de HTML5 permettent des éléments vidéo et audio intégrés directement dans le code HTML, sans avoir besoin de plug-ins ou de lecteurs externes. Les balises vidéo et audio HTML5 contiennent plusieurs attributs pour contrôler le comportement de ces éléments, tels que la lecture automatique
- tutoriel CSS . interface Web 202 2025-02-18 12:49:11
-
- Golden Guidelines for Writing Clean CSS - SitePoint
- (Cet extrait provient de CSS Master de Tiffany Brown, disponible en librairies et en tant que livre électronique.) Concepts clés: Évitez les larges sélecteurs: au lieu d'utiliser des sélecteurs universels (*), élément (par exemple, P, bouton) ou d'attribut (par exemple, [Type = Checkbox]), favorisez la classe de la classe.
- tutoriel CSS . interface Web 1020 2025-02-18 12:34:16
-
- Conseil rapide: comment construire des widgets HTML personnalisables dans Jekyll
- Générateur de sites Web Static Jekyll: Créer des widgets HTML personnalisables sans plug-in Ruby Jekyll, ce générateur de sites Web statique léger, est populaire pour ses fonctionnalités puissantes et sa facilité d'utilisation. Cet article expliquera comment créer des widgets HTML personnalisables à l'aide de langages de modèle Jekyll et de liquide, sans aucun plug-ins Ruby, et même les personnes non techniques peuvent facilement démarrer. Définir les variables personnalisées Cet article introduira deux méthodes pour définir des variables personnalisées: la méthode en ligne et la méthode pré-contente. 1. Variables en ligne Si un widget peut être inclus dans la même page plusieurs fois (comme un article de blog), une approche en ligne est la meilleure option. Paypa
- tutoriel CSS . interface Web 955 2025-02-18 12:01:10
-
- Architecture CSS: Organisation de fichiers CSS - SitePoint
- Extrait d'un extrait du livre "The Master of CSS" écrit par Tiffany Brown. Ce livre est disponible dans les librairies du monde entier, et vous pouvez également acheter la version E-Book ici. Organisation de fichiers CSS Une partie d'une bonne architecture CSS est l'organisation de fichiers. Pour les développeurs uniques ou les très petits projets, les fichiers uniques sont suffisants. Pour les grands projets - des sites Web avec plusieurs dispositions et types de contenu, ou plusieurs marques partagent le même cadre de conception - il est plus sage d'utiliser une approche modulaire et de diviser CSS en plusieurs fichiers. La division de CSS en plusieurs fichiers facilite l'attribution de tâches aux équipes. Un développeur peut être responsable des styles liés à la typographie, tandis qu'un autre développeur peut se concentrer sur le développement de composants de maillage. Les équipes peuvent affecter raisonnablement leur travail
- tutoriel CSS . interface Web 796 2025-02-18 12:00:16
-
- Renseignez-vous sur l'architecture CSS: CSS atomique - SitePoint
- Les extraits suivants proviennent du livre "The Master of CSS" écrit par Tiffany Brown. Ce livre est disponible dans les grandes librairies du monde entier, et vous pouvez également acheter la version E-Book ici. Si BEM est le chéri de l'industrie, alors atomique CSS est son pionnier rebelle. Thierry Koblentz de Yahoo a nommé et expliqué le CSS atomique dans son article de 2013 contestant les meilleures pratiques CSS, qui utilise une bibliothèque compacte de noms de classe. Ces noms de classe sont généralement abrégés et déconnectés de ce qu'ils affectent. Dans le système CSS atomique, vous pouvez savoir ce que fait le nom de la classe;
- tutoriel CSS . interface Web 471 2025-02-18 10:35:09
-
- Formulaires HTML5: nouveaux contrôles
- HTML5 présente cinq nouveaux éléments de forme :,,, et, chacun servant des objectifs distincts. L'élément agit comme une jauge, représentant visuellement une valeur dans une plage spécifiée. Surtout, il n'a pas d'attribut de nom et n'est pas soumis avec le formulaire. Ème
- tutoriel CSS . interface Web 602 2025-02-18 10:11:10
-
- CSS Architecture Block-Element Modificateur (BEM) - SitePoint
- BEM (Block-Element-Modificateur) est une méthodologie de développement frontal, une convention de dénomination et un ensemble d'outils associés. Originaire de Yandex, il est conçu pour un développement efficace par les grandes équipes. Cette explication se concentre sur le concept de base et
- tutoriel CSS . interface Web 946 2025-02-18 09:33:09
-
- CSS minimisant avec CSS Optimizer
- Compression CSS: un outil puissant pour améliorer la vitesse du site Web Points de base: La compression CSS réduit la taille du fichier en supprimant les caractères redondants du code, en accélérant ainsi les téléchargements et en enregistrant le transfert de données. CSS Optimizer (CSSO) est un outil de compression basé sur Node.js et nécessite une familiarité avec l'interface de ligne de commande. Le CSSO supprime non seulement les espaces inutiles, les demi-colons et les commentaires, mais optimise également en fusionnant les blocs de déclaration avec des sélecteurs en double, en supprimant les attributs écrasés et en raccourcissant les codes de couleur. Bien que la compression du CSS puisse améliorer les performances du site Web, elle peut également rendre le code difficile à lire et à déboguer. Par conséquent, il est recommandé de conserver les fichiers CSS non compressés d'origine à des fins de développement. (Ce qui suit est extrait de Tiffany
- tutoriel CSS . interface Web 480 2025-02-18 09:26:10
Articles recommandés
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.
bouton de formulaire
2024-02-29
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 joueur
2024-02-29
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.
Navigation dans les menus
2024-02-29
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.
bouton de formulaire
2024-02-29
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
