Articles of css3

Sélecteur d’atsortingbut où la valeur est égale à A ou à B?

Je me demandais s’il était possible de spécifier des éléments dans CSS où un atsortingbut est égal à l’une des deux valeurs, quelque chose comme ceci: input[type=text][type=password] Cependant, ce sélecteur ne semble pas fonctionner (je suppose que parce que spécifier deux fois le même atsortingbut n’est pas valide), est-ce que quelqu’un sait comment faire cela?

Dans quelles circonstances le flex-shrink est-il appliqué aux éléments flexibles et comment fonctionne-t-il?

J’ai joué avec cette jolie page de démonstration CSS Flexbox et je comprends la plupart des concepts, mais je n’ai pas pu voir le flex-shrink au travail. Quels que soient les parameters que j’applique là-bas, je ne vois aucune différence sur la page. De la spécification : Ce composant définit le facteur de croissance flexible […]

Comment centrer un conteneur flexible mais aligner les éléments flexibles vers la gauche

Je veux que les éléments flex soient centrés, mais lorsque nous avons une deuxième ligne, avoir 5 (à partir de l’image ci-dessous) sous 1 et ne pas être centré dans le parent. Voici un exemple de ce que j’ai: ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; } li […]

Feuilles de style simples ou multiples dans la conception Web réactive

En bref: Devriez-vous utiliser une ou plusieurs feuilles de style lors de la conception Web réactive? En détail: Dans la conception réactive , vous avez tendance à avoir un morceau principal de CSS, puis d’autres éléments pour ajuster la mise en page quand il atteint certains points d’arrêt. Vous pouvez structurer votre code de deux […]

Transition CSS entre gauche -> droite et supérieure -> positions inférieures

Est-il possible d’utiliser des transitions CSS pour animer quelque chose entre une position définie comme étant à left: 0px à right: 0px pour qu’elle passe à travers l’écran? Je dois accomplir la même chose de haut en bas. Est-ce que je suis coincé en calculant la largeur de l’écran / la taille de l’object? #nav […]

Lors de l’utilisation des requêtes @media, un téléphone charge-t-il des requêtes et des images non pertinentes?

Si je base mon CSS sur le style mobile, puis utilisez les requêtes @media pour des écrans de plus en plus grands (tablettes, ordinateurs de bureau, etc.), les appareils mobiles utiliseront-ils les styles de bureau? Je pense que les appareils mobiles chargent généralement toutes les images même s’ils ne s’appliquent pas à leur propre taille […]

Espace blanc en haut de la page

J’ai environ 20 pixels d’espace blanc en haut de ma page. J’ai inspecté chaque élément et rien n’a de rembourrage ou de marge dans cette zone. Lorsque j’inspecte l’élément body, il n’inclut PAS cet espace. Lorsque j’inspecte l’élément HTML, il inclut cet espace. Aussi si je supprime l’espace blanc s’en va. Voici ma mise en […]

Zoom Vs Echelle en CSS3

Je cherchais des propriétés css que je n’ai jamais utilisées et j’ai appris à connaître les propriétés de zoom de css3 Quelles sont les similitudes et la différence entre eux? Quand utiliser Zoom et quand redimensionner? Les deux font à peu près le même travail. Quel est le plus efficace à utiliser et pourquoi? Qu’est-ce […]

Styles de requêtes multimédia ne remplaçant pas les styles originaux

J’essaie d’utiliser des requêtes médiatiques pour un site Web que je construis. Le problème que j’ai cependant, c’est que pendant que les styles de requête de média sont réellement appliqués, ils sont remplacés. Je ne peux pas pour la vie de moi dire pourquoi parce que j’utilise les mêmes sélecteurs exacts. Quelqu’un peut-il signaler quelque […]

Habillage de grid CSS?

Est-il possible de créer une grid CSS sans utiliser les requêtes médias? Dans mon cas, j’ai un nombre non déterministe d’éléments que je veux placer dans une grid et je veux que cette grid soit emballée. En utilisant la flexbox, je ne parviens pas à espacer correctement les choses. Je voudrais éviter un tas de […]