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
Wie wähle ich das erste, zweite oder dritte Element mit einem bestimmten Klassennamen aus?
Wie kann ich ein bestimmtes Element in einer Liste von Elementen auswählen? Ich habe folgendes: <div class="myclass">my text1</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <div> <p>more stuff</p> </div> <p> <span>Hello World</span> </p> <div class="myclass">my text2</div> <!-- some other code follows --> <div> <p>stuff</p> </div> <p> <span>Hello World</span> …
6
Woher kommen die Kugeln auf <li> Elementen?
Mein derzeitiges Verständnis ist, dass verschiedene HTML-Elemente in ihrer Funktionalität durch ihr Standard-CSS-Design getrennt sind, abgesehen von der Semantik. Mit benutzerdefiniertem CSS können Sie (nicht ratsam) festlegen, dass sich jedes HTML-Element wie jedes andere verhält. Wenn das richtig ist, kann ich nur die Aufzählungszeichen auf &lt;li&gt;Elementen nicht erklären . Welches …
76 html  css 
6
Warum verwenden wir <script> für Skripte, aber nicht <style> für externes CSS?
Ein Verwandter von mir, der angefangen hat, Webentwicklung zu lernen, hat mir diese Frage gestellt. Warum &lt;script src="min.js"&gt;&lt;/script&gt;und &lt;link rel="stylesheet" href="min.css"&gt;? Warum nicht &lt;style href="min.css"&gt;&lt;/style&gt;. Warum verwenden wir linkTag, um externes CSS zur Seite hinzuzufügen, aber wenn wir CSS mit Seite verknüpfen, verwenden wir es, &lt;style&gt;...&lt;/style&gt;wenn wir CSS in die …
76 javascript  css  html  w3c 
1
Firefox-Überlauf funktioniert nicht mit verschachtelter Flexbox
Ich habe ein Layout mit 100% Breite und 100% Höhe mit CSS3-Flexbox entworfen, das sowohl auf IE11 als auch wahrscheinlich auf IE10 funktioniert, wenn die Emulation von IE11 korrekt ist. Aber Firefox (35.0.1), Überlauf-y funktioniert nicht. Wie Sie in diesem Codepen sehen können: http://codepen.io/anon/pen/NPYVga Firefox rendert den Überlauf nicht korrekt. …
7
Vertikal zentrierten gedrehten Text mit CSS
Ich habe folgendes HTML: &lt;div class="outer"&gt; &lt;div class="inner rotate"&gt;Centered?&lt;/div&gt; &lt;/div&gt; div.outerist ein schmaler vertikaler Streifen. div.innerwird um 90 Grad gedreht. Ich möchte den Text "Zentriert?" zentriert in seinem Container div erscheinen. Ich kenne die Größe beider Divs nicht im Voraus. Dies kommt nahe: http://jsfiddle.net/CCMyf/2/ . Sie können an der jsfiddle …
2
Warum ist es nicht möglich, herstellerspezifische Pseudoelemente / Klassen in einem Regelsatz zu kombinieren?
In CSS ist es möglich, placeholderText innerhalb einer Eingabe mithilfe einer Kombination aus herstellerspezifischen Pseudoklassen und Pseudoelementen zu formatieren (um die beste browserübergreifende Abdeckung zu erzielen). Diese haben alle die gleichen grundlegenden Eigenschaften (z. B. Textstil und Farbdeklarationen). Obwohl ich unweigerlich dieselben Stile anwenden möchte, unabhängig vom Hersteller des Browsers, …
11
Wie verstecke ich Ankertext, ohne den Anker auszublenden?
Angenommen, ich habe das folgende Markup: &lt;li&gt;&lt;a href="somehwere"&gt;Link text&lt;/a&gt;&lt;/li&gt; Wenn ich ein Hintergrundbild auf einem Tag habe, wie würde ich den Linktext nur mit CSS ausblenden? Schriftgröße: 0 scheint auf dem a-Tag gut zu funktionieren, abgesehen von der kleinen ie7-Show. Vielen Dank Vielen Dank für Ihre Hilfe. Bisher habe ich …
76 css 
10
Fügen Sie nach Elementen in einer ungeordneten Liste ein Rohrtrennzeichen hinzu, es sei denn, dieses Element ist das letzte in einer Zeile
Ist es möglich, dieses HTML zu stylen ... &lt;ul&gt; &lt;li&gt;Dogs&lt;/li&gt; &lt;li&gt;Cats&lt;/li&gt; &lt;li&gt;Lions&lt;/li&gt; &lt;li&gt;Tigers&lt;/li&gt; &lt;li&gt;Zebras&lt;/li&gt; &lt;li&gt;Giraffes&lt;/li&gt; &lt;li&gt;Bears&lt;/li&gt; &lt;li&gt;Hippopotamuses&lt;/li&gt; &lt;li&gt;Antelopes&lt;/li&gt; &lt;li&gt;Unicorns&lt;/li&gt; &lt;li&gt;Seagulls&lt;/li&gt; &lt;/ul&gt; ... so was ... ... ohne Klassen zu bestimmten Listenelementen hinzuzufügen oder auf Javascript zurückzugreifen? Und wenn ja wie? Die Zeilenumbrüche sind nicht festgelegt. Die Liste wird erweitert, um …
76 html  css 
15
Seitenleistenhöhe mit CSS 100% erzwingen (mit einem klebrigen unteren Bild)?
Ich habe stundenlang meinen Kopf gegen die Wand geschlagen, um dieses Problem herauszufinden und zu denken, dass es etwas Kleines sein muss, das mir fehlt. Ich habe online gesucht, aber nichts, was ich gefunden habe, scheint zu funktionieren. Der HTML-Code lautet: &lt;body&gt; &lt;div id="header"&gt; &lt;div id="bannerleft"&gt; &lt;/div&gt; &lt;div id="bannerright"&gt; &lt;div …
76 css  sidebar  sticky 
11
CSS zum Auswählen / Stylen des ersten Wortes
Dieser hat mich irgendwie verblüfft. Ich möchte das erste Wort aller Absätze in meinem #content div bei 14pt anstelle des Standardwerts für die Absätze (12pt) setzen. Gibt es eine Möglichkeit, dies in direktem CSS zu tun, oder muss ich das erste Wort in einer Zeitspanne umbrechen, um dies zu erreichen?
76 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.