Questions marquées «css»

CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.

8
Différence entre @import et lien en CSS
J'apprends du CSS pour peaufiner mon modèle de projet. J'arrive à ce problème et je n'ai pas trouvé de réponse claire sur le Web. Y a-t-il une différence entre l'utilisation de @import ou d'un lien en CSS? Utilisation de @import <style>@import url(Path To stylesheet.css)</style> Utilisation du lien <link rel="stylesheet" href="Path …
118 css  import  hyperlink 
12
Préchargement des images CSS
J'ai un formulaire de contact caché qui est déployé en cliquant sur un bouton. Ses champs sont définis comme des images d'arrière-plan CSS, et ils apparaissent toujours un peu plus tard que le div qui a été basculé. J'utilisais cet extrait dans la <head>section, mais sans chance (après avoir vidé …
3
css - positionne le div au bas du div contenant
Comment puis-je positionner un div au bas du div contenant? <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> Ce code place le texte «à l'intérieur» au bas de la page.
118 css  position 
9
Comment puis-je aligner horizontalement mes divs?
Pour une raison quelconque, mes divs ne seront pas centrés horizontalement dans un div contenant: .row { width: 100%; margin: 0 auto; } .block { width: 100px; float: left; } <div class="row"> <div class="block">Lorem</div> <div class="block">Ipsum</div> <div class="block">Dolor</div> </div> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Et parfois, il y …
118 css 
12
Comment supprimer la flèche dans la liste déroulante dans Bootstrap 4?
J'utilise Bootstrap 4. J'ai essayé de supprimer la flèche dans la liste déroulante. Les réponses que j'ai trouvées pour Bootstrap 3 ne fonctionnent plus. Le jsfiddle est ici . <div class="dropdown open"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown </button> <div class="dropdown-menu" aria-labelledby="dropdownMenu1"> <a class="dropdown-item" href="#">Action</a> <a …
2
Plusieurs font-weights, une requête @ font-face
Je dois importer la police Klavika et je l'ai reçue sous plusieurs formes et tailles: Klavika-Bold-Italic.otf Klavika-Bold.otf Klavika-Light-Italic.otf Klavika-Light.otf Klavika-Medium-Italic.otf Klavika-Medium.otf Klavika-Regular-Italic.otf Klavika-Regular.otf Maintenant, j'aimerais savoir s'il est possible de les importer dans CSS avec une seule @font-face-query, où je définis le weightdans la requête. Je veux éviter de copier …
118 css  fonts  font-face 
10
Attribut alt de l'image d'arrière-plan CSS
C'est un problème auquel je n'avais pas eu à m'attaquer auparavant. J'ai besoin d'utiliser des balises alt sur toutes les images d'un site, y compris celles utilisées par l'attribut CSS background-image. Il n'y a pas de propriété CSS comme celle-ci pour autant que je sache, alors quelle est la meilleure …
117 html  css 
5
Désactiver / désactiver les transitions CSS3 héritées
J'ai donc les transitions css suivantes attachées à l'élément a: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } Existe-t-il un moyen de désactiver ces transitions héritées sur des éléments spécifiques? …
20
CSS: Changer l'image src sur img: hover
J'ai besoin de changer l' <img>URL source sur hover. J'ai essayé mais ne fonctionnera pas: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Toute aide serait appréciée. Mettre à jour: Cela ne fonctionne que pour Webkit / Google Chrome.
117 html  css 
5
z-index ne fonctionne pas avec la position absolue
J'ai ouvert la console (chrome \ firefox) et exécuté les lignes suivantes: $("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />"); $("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>"); Le #popupContent doit être avant tout mais il est affecté par l'opacité #popupFrame. Le contenu n'est pas contenu dans #popupFrame, ce qui rend cela très étrange. Le but est de …
117 html  css 
7
Puis-je combiner: nth-child () ou: nth-of-type () avec un sélecteur arbitraire?
Existe-t-il un moyen de sélectionner chaque nième enfant qui correspond (ou ne correspond pas) à un sélecteur arbitraire ? Par exemple, je souhaite sélectionner chaque ligne de tableau impaire, mais dans un sous-ensemble de lignes: table.myClass tr.row:nth-child(odd) { ... } <table class="myClass"> <tr> <td>Row <tr class="row"> <!-- I want this …
117 css  css-selectors 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.