Articles of css

Centrer une grande image de taille inconnue à l’intérieur d’un div plus petit avec un débordement caché

Je voudrais centrer un img dans un div sans javascript et sans images d’arrière-plan . Voici un exemple de code Je ne connais pas la taille de l’img et il devrait pouvoir dépasser la largeur du parent Je ne connais pas la largeur du div parent (c’est 100%) La div parent a une hauteur fixe […]

Comment aligner la dernière ligne / ligne gauche dans la boîte à lignes à plusieurs lignes

J’ai un problème majeur avec la mise en page Flexbox. Je construis un conteneur avec une boîte remplie d’images, et j’ai décidé d’utiliser la mise en page flexbox pour justifier le contenu pour le faire ressembler à une grid Elle est le code: … et le CSS: .container { display: flex; display: -webkit-flex; display: -moz-flex; […]

Quels sont les inconvénients de la balise ?

J’ai commencé à utiliser une feuille de style css de diagnostic, par exemple http://snipplr.com/view/6770/css-diagnostics–highlight-deprecated-html-with-css–more/ L’une des règles suggérées met en évidence les balises d’entrée avec le type submit, avec la recommandation d’utiliser comme solution plus sémantique. Ceci est une nouvelle balise pour moi, est-ce que vous le recommandez, ou y a-t-il des inconvénients (tels que […]

taille d’image encodée en base64

Si je convertis une image (jpg ou png) en base64, alors elle sera plus grande ou aura la même taille? Combien sera-t-il plus grand? Est-il recommandé d’utiliser des images encodées en base64 sur mon site Web?

Différence entre «visibilité: effondrement» et «affichage: aucun»

Quelle est la différence entre la visibility:collapse et display:none ?

Comment puis-je remplir une div avec une image tout en la maintenant proportionnelle?

J’ai trouvé ce fil – Comment étirer une image pour remplir un tout en conservant le rapport d’aspect de l’image? – ce n’est pas tout à fait ce que je veux. J’ai une div avec une certaine taille et une image à l’intérieur. Je veux toujours remplir le div avec l’image, peu importe si l’image […]

Dois-je utiliser max-device-width ou max-width?

Avec les requêtes multimédia CSS, vous pouvez utiliser max-device-width pour cibler une largeur de périphérique (telle qu’un iPhone ou un périphérique Android) et / ou une max-width qui cible une largeur de page. Si vous utilisez max-device-width , lorsque vous modifiez la taille de la fenêtre du navigateur sur votre bureau, le CSS ne changera […]

Conteneurs Bootstrap multiples et / ou nesteds?

Je crois comprendre que tous les éléments de style Bootstrap doivent exister dans un élément . Mais parfois, je vois des exemples Bootstrap où il y a plusieurs “conteneurs”: … Mes questions: Quand auriez-vous jamais besoin d’une seule page HTML avec plusieurs “div div”? Quel est le bénéfice de cette offre plutôt que de simplement […]

Taille d’arrière-plan avec SVG écrasé dans IE9-10

J’ai un jeu de div avec une image de fond: Play Video avec le CSS suivant: div { background-image: url(‘icon.png’); background-image: url(‘icon.svg’), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } La taille de l’arrière-plan est respectée dans Firefox, Safari et Chrome. Dans IE8, le fichier SVG est remplacé par […]

Différence de performances externe CSS vs style en ligne?

Un de mes amis a dit que l’utilisation de au lieu du fichier CSS compressé mis en tant que link href au niveau de la section head donne un gain de performance. Est-ce vrai?