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.

7
CSS: Wie entferne ich Pseudoelemente (nach, vor, ...)?
Ich möchte einen Schalter für das Layout von Absatz-Tags auf einer Webseite verwenden. Ich benutze das After-Pseudoelement: p:after {content: url("../img/paragraph.gif");} Jetzt muss ich diesen CSS-Code von der Seite entfernen. Wie kann das leicht gemacht werden? Ich möchte das hinzufügen: jQuery wird bereits auf der Seite verwendet und ich möchte keine …
7
Wie kann ich mit dem übergeordneten Container eine SVG-Skala erstellen?
Ich möchte die Inhaltsskala eines Inline-SVG-Elements haben, wenn die Größe nicht nativ ist. Natürlich könnte ich es als separate Datei haben und es so skalieren. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Ich möchte dem SVG jedoch zusätzliche Stile über CSS hinzufügen, sodass das Verknüpfen eines externen …
235 css  html  svg  scaling 
12
Wie kann ich Bootstrap-CSS-Stile überschreiben?
Ich muss Änderungen bootstrap.cssan meiner Website vornehmen. Ich denke, es ist besser, eine separate custom.cssDatei zu erstellen, als sie bootstrap.cssdirekt zu ändern . Ein Grund dafür ist, dass bootstrap.cssich ein Update erhalten sollte. Ich werde leiden , wenn ich versuche, alle meine Änderungen wieder aufzunehmen. Ich werde etwas Ladezeit für …
9
Cursor auf Fingerzeiger ändern
Ich habe dies aund ich weiß nicht, dass ich es in den "onmouseover" einfügen muss, damit der Cursor wie ein normaler Link zum Fingerzeiger wechselt: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> Ich habe irgendwo gelesen, was ich sagen muss: onmouseover="cursor: hand (a pointing hand)" Aber es funktioniert nicht bei mir. …
234 html  css  mouseevent 
10
Wie zentriere ich einen Iframe horizontal?
Betrachten Sie das folgende Beispiel: ( Live-Demo ) HTML: <div>div</div> <iframe></iframe> CSS: div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } Ergebnis: Warum iframeist das nicht zentral ausgerichtet wie das div? Wie könnte ich es zentral ausrichten?
3
CSS zum Einstellen des A4-Papierformats
Ich muss ein A4-Papier im Web simulieren und zulassen, dass diese Seite so gedruckt wird, wie sie im Browser angezeigt wird (speziell Chrome). Ich habe die Elementgröße auf 21 cm x 29,7 cm eingestellt, aber wenn ich sie zum Drucken (oder zur Druckvorschau) sende, wird meine Seite abgeschnitten. Sehen Sie …
8
Wenden Sie den CSS-Stil auf untergeordnete Elemente an
Ich möchte Stile nur auf die Tabelle innerhalb des DIV mit einer bestimmten Klasse anwenden: Hinweis: Ich würde lieber einen CSS-Selektor für untergeordnete Elemente verwenden. Warum funktioniert die Nummer 1 und die Nummer 2 nicht? 1: div.test th, div.test td, div.test caption {padding:40px 100px 40px 50px;} 2: div.test th, td, …
232 css  css-selectors 
9
Eingabegröße gegen Breite
<input name="txtId" type="text" size="20" /> oder <input name="txtId" type="text" style="width: 150px;" /> Welcher ist der optimale browserübergreifende Code? Natürlich hängt es von den Anforderungen ab, aber ich bin gespannt, wie und auf welcher Grundlage Menschen entscheiden.
231 html  css 
29
HTML-Tabelle mit festen Headern?
Gibt es eine browserübergreifende CSS / JavaScript-Technik zum Anzeigen einer langen HTML-Tabelle, sodass die Spaltenüberschriften auf dem Bildschirm fest bleiben und nicht mit dem Tabellenkörper scrollen. Denken Sie an den Effekt "Fenster einfrieren" in Microsoft Excel. Ich möchte in der Lage sein, durch den Inhalt der Tabelle zu scrollen, aber …
15
Wie erstelle ich einen Schlagschatten nur auf einer Seite eines Elements?
Gibt es eine Möglichkeit, den Schatten nur auf den Boden fallen zu lassen? Ich habe ein Menü mit 2 Bildern nebeneinander. Ich möchte keinen richtigen Schatten, weil er das richtige Bild überlappt. Ich verwende dafür keine Bilder, daher gibt es eine Möglichkeit, sie nur unten abzulegen: box-shadow-bottom: 10px #FFF; o.ä? …
230 css 
13
CSS zwei Divs nebeneinander
Ich möchte zwei <div>s nebeneinander stellen. Das Recht <div>ist ungefähr 200px; und die linke <div>muss den Rest der Bildschirmbreite ausfüllen? Wie kann ich das machen?
230 html  css 
14
Wie zentriere ich Text vertikal mit einem großen Symbol für großartige Schriftarten?
Nehmen wir an, ich habe eine Bootstrap-Schaltfläche mit einem fantastischen Symbol und etwas Text: <div> <i class='icon icon-2x icon-camera'></i> hello world </div> Wie lasse ich Text vertikal zentriert erscheinen? Der Text wird jetzt am unteren Rand des Symbols ausgerichtet: http://jsfiddle.net/V7DLm/1/ BEARBEITEN: Ich habe eine mögliche Lösung : http://jsfiddle.net/CLdeG/1/, aber es …
230 html  css  font-awesome 
9
CSS3-Selektor: First-of-Type mit Klassennamen?
Ist es möglich, mit dem CSS3-Selektor :first-of-typedas erste Element mit einem bestimmten Klassennamen auszuwählen? Ich war mit meinem Test nicht erfolgreich, also denke ich, dass es nicht so ist? Der Code ( http://jsfiddle.net/YWY4L/ ): p:first-of-type {color:blue} p.myclass1:first-of-type {color:red} .myclass2:first-of-type {color:green} <div> <div>This text should appear as normal</div> <p>This text should …
230 css  css-selectors 
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.