Articles of css

Conventions de dénomination HTML pour l’ID, la classe et pour inclure le préfixe de type d’élément?

Est-ce que quelqu’un connaît une bonne ressource pour expliquer les bonnes conventions d’appellation pour les identifiants et les classes HTML et s’il faut préfixer les identifiants avec un type d’élément, à savoir btn ou button ou similaire? Les classes devraient-elles être plurielles ou singulières? Je comprends que les identifiants doivent être singuliers car ils sont […]

CSS, centré div, rétrécit pour s’adapter?

Voici ce que je veux: text text text text text text text text text text text text text text text text text text text text text text +———–+ | some text | +———–+ text text text text text text text text text text text text text text text text text text text text text text […]

redimensionner la police pour l’adapter à un div (sur une ligne)

Des questions similaires ont été posées, mais les solutions correspondent à ce que j’essaie de faire. Au fond, j’ai un article avec un titre ( ). Je ne veux pas contrôler la longueur du titre, mais je ne veux pas non plus que le titre apparaisse sur plusieurs lignes. Existe-t-il un moyen avec css ou […]

Coins arrondis CSS dans IE8

J’ai des problèmes avec les coins arrondis dans IE8. J’ai essayé quelques méthodes sans succès. Voici mon code: Untitled Page body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; padding: 2px; margin: 2px; color: #505050; line-height: normal; } p { margin: 4px; } .categoryheading3 { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; background-color: #297BB6; color: […]

Une requête média CSS pour cibler iPad et iPad uniquement?

Bonjour, Je travaille avec plusieurs tablettes, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad, etc. iPad – 1024 x 768 LG Pad – 1280 x 768 Galaxy Tab – 1280 x 800 Je souhaite cibler l’iPad uniquement à l’aide de la requête multimédia CSS3. Étant donné que la largeur de l’appareil LG et de l’iPad […]

Flexbox ne fonctionne pas sur les éléments de bouton ou de jeu de champs

J’essaie de centrer les éléments internes d’une étiquette avec le contenu de justify-content: center de flexbox justify-content: center . Mais Safari ne les centre pas. Je peux appliquer le même style à toutes les autres balises et cela fonctionne comme prévu (voir l’étiquette ). Seul le bouton est aligné à gauche. Essayez Firefox ou Chrome […]

Comment remplacer les propriétés d’une classe CSS en utilisant une autre classe CSS

Je suis assez nouveau sur CSS3 et je veux pouvoir faire ce qui suit: Lorsque j’ajoute une classe dans un élément, elle remplace les propriétés d’une autre classe utilisée dans cet élément spécifique. Disons que j’ai Je veux pouvoir append une classe appelée bakground-none , qui remplacera l’arrière-plan par défaut de la classe left . […]

Cercle de chevauchement en CSS avec 1 div

Je cherche à créer cette forme de cercles superposés en CSS: Fondamentalement, il suffit d’emstackr des cercles. J’ai regardé autour de moi et toutes les solutions que je vois incluent l’utilisation de plusieurs éléments div pour cet effet. Cependant, cela ne peut-il pas être fait avec un seul div, en utilisant CSS3? J’ai regardé comment […]

Comment puis-je actualiser automatiquement Firefox sur la modification de fichier?

Est-ce que quelqu’un connaît une extension pour Firefox, ou un script ou un autre mécanisme, capable de surveiller un ou plusieurs fichiers locaux. Firefox actualise automatiquement ou met à jour son canevas lorsqu’il détecte un changement (d’horodatage) dans les fichiers. Pour éditer le CSS, il serait idéal que seul le CSS puisse être rechargé, plutôt […]

Comment faire apparaître plusieurs divs sur une seule ligne tout en conservant la largeur?

Normalement, vous définissez les éléments à afficher: en ligne si vous souhaitez qu’ils s’affichent dans la même ligne. Cependant, définir un élément sur inline signifie que l’atsortingbut width n’aurait pas de sens. Comment faire en sorte que les divs soient dans la même ligne sans les rendre inline?