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.

10
ligne horizontale et bonne façon de le coder en html, css
J'ai besoin de tracer une ligne horizontale après un bloc, et j'ai trois façons de le faire: 1) Définissez une classe h_lineet ajoutez-y des fonctionnalités css, comme #css .hline { width:100%; height:1px; background: #fff } #html <div class="block_1">Lorem</div> <div class="h_line"></div> 2) Utiliser une hrbalise #css hr { width:100%; height:1px; background: …
122 html  css 
8
Combinaison de pseudo-éléments CSS, ": after" the ": last-child"
Je veux créer des listes «grammaticalement correctes» en utilisant CSS. Voici ce que j'ai jusqu'à présent: Les <li>balises sont affichées horizontalement avec des virgules après elles. li { display: inline; list-style-type: none; } li:after { content: ", "; } Cela fonctionne, mais je veux que le "dernier enfant" ait un …
122 css 
6
Mixage d'espace réservé dans SCSS / CSS
J'essaye de créer un mixin pour les espaces réservés dans sass. C'est le mixin que j'ai créé. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Voici comment j'aimerais inclure le mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); De toute évidence, cela ne fonctionnera pas à cause …
122 css  sass 
6
Calc de max, ou max de calc en CSS
Est-il possible de faire quelque chose comme ça max-width: calc(max(500px, 100% - 80px)) ou max-width: max(500px, calc(100% - 80px))) en CSS?
122 css 
8
width: auto pour les champs <input>
Question CSS pour débutant. J'ai pensé width:autoqu'un display:blockélément signifiait «remplir l'espace disponible». Cependant, pour un &lt;input&gt;élément, cela ne semble pas être le cas. Par exemple: &lt;body&gt; &lt;form style='background-color:red'&gt; &lt;input type='text' style='background-color:green;display:block;width:auto'&gt; &lt;/form&gt; &lt;/body&gt; Deux questions alors: Existe-t-il une définition de ce que signifie exactement la largeur: auto? La spécification CSS …
122 css 
13
Transition d'image d'arrière-plan CSS3
J'essaye de faire un "fondu en fondu en sortie" en utilisant la transition CSS. Mais je ne peux pas faire fonctionner cela avec l'image d'arrière-plan ... Le CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; …
4
Ajouter un élément avec effet de fondu [jQuery]
var html = "&lt;div id='blah'&gt;Hello stuff here&lt;/div&gt;" $("#mycontent").append(html).fadeIn(999); Cela ne semble pas fonctionner. Je veux juste un effet sympa lorsque le contenu est ajouté. Remarque: je veux juste que le nouveau div "blah" disparaisse, pas tout le "mycontent".
121 javascript  jquery  html  css 
3
Calculer un pourcentage avec SCSS / SASS
Je veux définir une largeur en pourcentage dans scss via le calcul, mais cela me donne des erreurs. CSS invalide après "...- largeur: (4/12)%": expression attendue (par exemple 1px, gras), était ";" Je veux faire quelque chose comme $my_width: (4/12)%; div{ width: $my_width; } comment ajouter le signe% là-bas? Même …
121 css  sass 
7
transition / animation angulaire 2 ngIf et CSS
Je veux qu'un div se glisse de la droite dans angular 2 en utilisant css. &lt;div class="note" [ngClass]="{'transition':show}" *ngIf="show"&gt; &lt;p&gt; Notes&lt;/p&gt; &lt;/div&gt; &lt;button class="btn btn-default" (click)="toggle(show)"&gt;Toggle&lt;/button&gt; Je fonctionne bien si je n'utilise que [ngClass] pour basculer entre la classe et utiliser l'opacité. Mais li ne veut pas que cet élément …
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.