Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

10
Hintergrundgröße mit SVG in IE9-10 gequetscht
Ich habe ein Div-Set mit einem Hintergrundbild: <div>Play Video</div> mit folgendem CSS: 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; } Die Hintergrundgröße wird in Firefox, Safari und Chrome berücksichtigt. In IE8 wird die SVG durch die PNG-Datei ersetzt. …
4
Bootstrap 3 - Drucklayout und Unterbrechungen nach jeder Rasterspalte
Wenn Sie dieses Beispiel nehmen (sehen Sie es hier: http://www.bootply.com/93816 ) <div class="container"> <div class="row"> <div class="col-md-6">Column1</div> <div class="col-md-6">Column2</div> </div> </div> Wenn Sie eine Druckvorschau der generierten Seite erstellen, scheinen die Spalten gestapelt / unterbrochen zu werden (als ob der Float entfernt würde), anstatt sie im üblichen Rasterlayout anzuzeigen. Ich …
11
Bildgröße im CSS-Listenstil
Ich versuche, benutzerdefinierte SVG-Symbole mit CSS für <ul>die Listenelemente eines Objekts festzulegen. Beispiel: <ul> <li style="list-style-image: url('first.svg')">This is my first item</li> <li style="list-style-image: url('second.svg')">And here's my second</li> </ul> Das Problem ist, dass die Bilder zu groß sind und die Höhe der Linien strecken. Ich möchte die Bildgröße nicht ändern, da …
78 html  css 
3
Verwenden Sie in CSS mehrere @ font-face-Regeln
Wie kann ich @font-facein meinem CSS mehr als nur Regeln verwenden? Ich habe dies in mein Stylesheet eingefügt: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: local('☺'), url('gestareg-webfont.woff') format('woff'), url('gestareg-webfont.ttf') format('truetype'), url('gestareg-webfont.svg#webfontg8dbVmxj') format('svg'); } Dies gilt derzeit …
1
CSS3 One-Way-Übergang?
Mithilfe von CSS3-Übergängen können Sie für jede Eigenschaft einen Glättungs- und Glättungseffekt erzielen. Kann ich es so einrichten, dass es nur einen Glättungseffekt hat? Ich möchte, dass die Lösung nur in CSS vorliegt und JavaScript nach Möglichkeit vermieden wird. Logikfluss: Benutzer klickt auf Element Der Übergang dauert 0,5 Sekunden, um …
78 html  css 
8
Eingabe eines Eingabetyps = Nummer
Ist es möglich, einen Stil im inneren "Aufwärtspfeil" und "Abwärtspfeil" von a <input type="number">in CSS anzuwenden ? Ich möchte den Hintergrund des Aufwärtspfeils in Blau und des Abwärtspfeils in Rot ändern. Irgendwelche Ideen?
78 html  css 
12
Platzhalter für contenteditable div
Ich habe folgendes: FIDDLE Der Platzhalter funktioniert einwandfrei, bis Sie etwas eingeben, ctrl+ Aunddelete . Wenn Sie dies tun, verschwindet der Platzhalter und wird nie wieder angezeigt. Was ist los? Wie kann ich einen Platzhalter für ein inhaltsbearbeitbares Div haben? HTML: <div class="test" placeholder="Type something..." contenteditable="true"></div> CSS: .test { width: …
78 javascript  jquery  html  css 
6
HTML float rechte Elementreihenfolge
Wenn drei Elemente nach rechts geflattert sind, warum Element folgt (siehe jsfiddle), ist Element 1 das erste Element auf der rechten Seite, wenn Element 3 tatsächlich das letzte Element ist. Bestellung ist jetzt [3] [2] [1] Aber Elemente sind in dieser Reihenfolge in HTML [1] [2] [3] Warum? http://jsfiddle.net/A9Ap7/
78 html  css 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.