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
-
- ATOZ CSS Screencast: le Rotatey CSS se transforme
- Ce didacticiel explore la transformation Rotatey de CSS, permettant des rotations 3D autour de l'axe des y, parfaites pour des effets tels que les flips de carte. Nous couvrirons également le style transform: Preserve-3D pour un rendu 3D approprié et la perspective et les propriétés d'origine perspective
- tutoriel CSS . interface Web 550 2025-02-20 08:40:09
-
- ATOZ CSS Astuce rapide: en utilisant le volant et la hauteur
- Cet article fait partie de la série ATOZ CSS. Vous pouvez trouver d'autres entrées dans cette série ici: Voir la série complète Voir l'enregistrement vidéo et texte complet des effets de survol Bienvenue dans notre série Atoz CSS! Dans cette série, je vais commencer par des lettres dans l'alphabet et explorer différentes valeurs (et propriétés) CSS. Nous savons que parfois les captures d'écran ne suffisent pas, et dans ce post, nous avons ajouté un nouveau conseil pour vous sur les effets de la volonté. H signifie volant et hauteur En ce qui concerne l'effet de survol, j'ai déjà introduit beaucoup dans la vidéo sur la lettre H, donc je ne vais pas entrer dans les détails ici. Cependant, vous pouvez appliquer des animations sympas à l'état de survol. Recherchez "CSS Hover Effets sur Google
- tutoriel CSS . interface Web 349 2025-02-20 08:36:10
-
- Atoz CSS Screencast: la classe Pseudo survole
- Points de base : Pseudo-classe de survol est un outil pratique pour fournir des commentaires visuels lorsque la souris est survenue sur les liens et les boutons. Il peut être conçu de diverses manières, comme changer la couleur, la taille ou l'orientation d'un élément. Cependant, sa fiabilité sur les dispositifs tactiles n'est pas cohérente et ne doit pas être utilisée pour masquer les informations critiques. D'autres pseudo-classes peuvent être utilisées pour styliser différents états de liens, tels que: visités pour les liens dans l'historique du navigateur d'utilisateurs,: actif pour les liens cliqués, et: Focus pour les liens actuellement en vigueur sur le clavier. Ceux-ci peuvent être combinés dans une feuille de style de réinitialisation pour définir les valeurs par défaut du projet. La pseudo-classe de survol peut également être utilisée pour créer des menus déroulants dans la navigation principale du site Web. Cela implique de planer sur le dessus
- tutoriel CSS . interface Web 715 2025-02-20 08:33:09
-
- ATOZ CSS Astuce rapide: utilisant des veuves et des pauses de ligne
- Points clés Évitez d'utiliser la balise pour forcer l'enveloppement des lignes, car cela entraînera une apparence de texte incohérente à différentes tailles d'écran. CSS est recommandé pour contrôler l'espacement et les pauses de ligne, ce qui offre un meilleur contrôle et une meilleure flexibilité. Utilisez l'attribut d'affichage pour afficher ou masquer les nouvelles lignes. Affichage du réglage: aucun ne produira une rupture de ligne, tandis que l'affichage: Block produira une pause de ligne. En conjonction avec les requêtes multimédias, les ruptures de ligne peuvent être activées ou désactivées sous des tailles d'écran spécifiques. Pour éviter les lignes de veuve (mots simples à la fin d'un paragraphe ou d'un titre), utilisez des caractères d'espace de rétractation () entre les deux derniers mots. Cela garantit que les deux derniers mots sont traités comme un mot, créant un plus beau effet de rupture de ligne.
- tutoriel CSS . interface Web 970 2025-02-20 08:30:10
-
- L'état des éléments d'entrée HTML5
- Cet article explore les défis de l'utilisation des champs d'entrée HTML5 natifs pour les dates et les nombres dans différents endroits, en se concentrant sur les incohérences du navigateur dans la manipulation des paramètres régionaux et l'expérience utilisateur. Le projet de l'auteur, impliquant plusieurs CO européens
- tutoriel CSS . interface Web 575 2025-02-20 08:29:09
-
- ATOZ CSS Screencast: CSS Pseudo Elements
- Points de base Les pseudo-éléments CSS sont des éléments de la page qui ne sont pas présents dans le code HTML, et ils peuvent être exploités à l'aide de tout style CSS appliqué à d'autres éléments. Le: avant et: après les pseudo-éléments dans CSS peut être utilisé pour générer du contenu de la page, y compris le texte, les images, les valeurs d'attribut et les compteurs. Ils peuvent également être utilisés pour créer des formes complexes avec un marquage minimal. Divers pseudo-éléments dans CSS incluent: première ligne ,: premier lettre ,: sélection ,: avant, et: après. Ceux-ci peuvent être utilisés pour styliser des parties spécifiques d'un élément, insérer du contenu avant et après le contenu d'un élément, et styliser la première lettre ou la première ligne d'un élément de niveau bloc, etc. Explication vidéo (chargement
- tutoriel CSS . interface Web 382 2025-02-20 08:26:10
-
- ATOZ CSS: Différence entre traduire et position relative
- Principaux à retenir La principale différence entre la position CSS: relative et transformée: tradlate () réside dans la façon dont ils affectent la disposition d'autres éléments. Position: relatif modifie la position de l'élément dans le flux de documents, affectant potentiellement d'autres éléments
- tutoriel CSS . interface Web 539 2025-02-20 08:23:14
-
- Ressources frontales impressionnantes et cours d'animation CSS
- Abonnez-vous à notre dernière newsletter de la chaîne HTML / CSS et cliquez ici pour vous abonner. Voici nos dernières ressources frontales: Plus de 20 ressources d'apprentissage frontal gratuites fournies par Louis Lazaris Le nouveau cours d'animation CSS de Donovan Huchinson Ressources d'apprentissage frontal En tant que développeurs frontaux, il est de notre responsabilité de maîtriser les dernières technologies et outils pour rendre nos produits finaux faciles à utiliser, faciles à accéder et, pourquoi pas, beaux. Louis Lazaris partage avec nous une liste d'émission 11 de plus de 20 documents et guides gratuits qu'il propose pour les développeurs frontaux. Cette liste est impressionnante, y compris la programmation fonctionnelle, l'ES6, les applications Web progressives, les fonctions auxiliaires
- tutoriel CSS . interface Web 504 2025-02-19 13:07:13
-
- Atteignez 60 animations mobiles FPS avec CSS3
- Points clés L'animation mobile fluide nécessite une attention aux étapes de synthèse du chemin de rendu critique (CRP), et utilise des propriétés telles que la transformation et l'opacité pour éviter d'augmenter la charge des étapes précédentes. Évitez d'utiliser les attributs de gauche, du haut, à droite, pour les transitions d'animation, car ils provoqueront des animations non lisses; Utiliser les attributs qui affectent les étapes de synthèse pour permettre au navigateur de déterminer la stabilité de la couche avant le début de l'animation. Pour obtenir une fréquence d'images stable de 60 images par seconde, utilisez le GPU pour rendre l'animation et promouvoir l'élément à une autre couche via l'attribut de changement de volonté, en évitant le rendu ou le dessin de la disposition du navigateur. Cet article a été initialement publié dans OutSystems. Merci pour le soutien
- tutoriel CSS . interface Web 1078 2025-02-19 12:54:19
-
- Bases de structure de page HTML5
- Explication détaillée des éléments sémantiques HTML5 et Guide de la structure de la page de construction Points de base HTML5 introduit de nouveaux éléments sémantiques pour améliorer la signification des structures de documents, telles que l'en-tête, la section, l'article, la navigation, à part et les éléments de pied de page. Ces éléments peuvent être utilisés pour diviser la page et clarifier l'objectif du contenu. L'élément d'en-tête est non seulement utilisé pour les titres de page, mais présente également chaque partie du contenu. L'élément de section représente le groupe de contenu sujet, généralement avec un titre. L'élément d'article représente un composant complet et indépendant dans le document et peut exister indépendamment. L'élément NAV représente un ensemble de liens de navigation et doit être réservé à la navigation principale. de côté
- tutoriel CSS . interface Web 235 2025-02-19 12:47:10
-
- Comment l'amorçage de l'approvisionnement ouvert l'a rendu énorme
- Bootstrap: la réussite open source Initialement un outil propriétaire de Twitter, le parcours de bootstrap pour devenir un cadre frontal de premier plan repose sur une décision pivot: les open-source. Ce mouvement l'a catapulté d'un utilitaire interne à
- tutoriel CSS . interface Web 603 2025-02-19 12:08:11
-
- CSS Pseudo-classes :: non () et: cible
- Cet article explore les pseudo-classes polyvalentes: non () et: cible, présentant leur pouvoir en créant des styles sophistiqués et ciblés. Nous allons approfondir leurs fonctionnalités et démontrer des applications pratiques, y compris la construction de Javasc
- tutoriel CSS . interface Web 1024 2025-02-19 11:29:08
-
- CSS pseudo-classes: éléments de style basés sur leur index
- Sélecteur CSS: sélection de pseudo-classe basée sur la position des éléments dans le sous-arbre document Points de base CSS fournit un sélecteur appelé sous-index pseudo-classe qui correspond aux éléments en fonction de leur position dans le sous-arbre document. Ceux-ci incluent: First-Child ,: Last-Child ,: Only-Child ,: Nth-Child () et: Nth-Last-Child (). Les pseudo-classes: Nth-Child () et: Nth-Last-Child () sont fonctionnelles et peuvent accepter des paramètres sous la forme d'un mot-clé impair, même un mot-clé, un entier ou un B, où A est l'intervalle d'étape et B est Le mouvement des biais, n est positif
- tutoriel CSS . interface Web 292 2025-02-19 11:26:09
-
- Sélections CSS: spécificité
- Les extraits suivants proviennent du livre "The Master of CSS" écrit par Tiffany B. Brown. Ce livre est disponible dans les magasins du monde entier, et vous pouvez également acheter la version E-Book ici. La spécificité CSS détermine les déclarations de style qui s'appliquent finalement à l'élément. Le sélecteur de cartes génériques (*) a la spécificité la plus faible et le sélecteur d'ID a la spécificité la plus élevée. Le sélecteur descendant (par exemple P IMG) et le sous-sélecteur (par exemple .panel> H2) sont plus spécifiques que le sélecteur de type (par exemple P, IMG ou H1). À première vue, le calcul des valeurs de spécificité précise semble délicate. Comme indiqué dans le niveau 3, vous avez besoin: Statistiques Le nombre de sélecteurs d'ID dans le sélecteur (= a) Sélection statistique
- tutoriel CSS . interface Web 1026 2025-02-19 11:20:11
-
- Sélections CSS: Combinateurs
- Principaux à retenir Les sélecteurs CSS correspondent aux règles aux éléments, avec les spécifications de niveau 3 et de niveau 4 introduisant plusieurs nouveaux sélecteurs. Ceux-ci incluent de nouveaux sélecteurs d'attributs et combinateurs, et une gamme de nouvelles classes pseudo-classes. Combinateurs A
- tutoriel CSS . interface Web 582 2025-02-19 11:14:11
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
