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.

5
Wann sollten <script> -Tags sichtbar sein und warum können sie?
Ein scriptElement, das so gestaltet wurde, dass es display:blocksichtbar erscheint. Warum ist es möglich und gibt es einen realen Anwendungsfall, in dem dies gewünscht wird? td &gt; * { display: block; } &lt;table&gt; &lt;tr&gt; &lt;td&gt; &lt;script type="text/javascript"&gt; var test = 1; &lt;/script&gt;von 1 &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Führen Sie das Code-Snippet …
142 html  css  script-tag 
14
Das IMG-Tag zeigt eine falsche Ausrichtung an
Ich habe ein Bild unter diesem Link: http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg Wie Sie sehen können, ist dies ein normales Bild mit korrekter Ausrichtung. Wenn ich diesen Link jedoch auf das src-Attribut meines Bild-Tags setze, wird das Bild auf den Kopf gestellt. http://jsfiddle.net/7j5xJ/ &lt;img src="http://d38daqc8ucuvuv.cloudfront.net/avatars/216/2014-02-19%2017.13.48.jpg" width="200"/&gt; Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das …
142 html  css  image 
4
CSS vertikale Ausrichtung von Inline- / Inline-Block-Elementen
Ich versuche, mehrere inlineund inline-blockKomponenten vertikal in a auszurichten div. Wie kommt es, dass das spanin diesem Beispiel darauf besteht, heruntergedrückt zu werden? Ich habe beides versucht vertical-align:middle;und vertical-align:top;, aber nichts ändert sich. HTML: &lt;div&gt; &lt;a&gt;&lt;/a&gt;&lt;a&gt;&lt;/a&gt; &lt;span&gt;Some text&lt;/span&gt; &lt;/div&gt;​ CSS: a { background-color:#FFF; width:20px; height:20px; display:inline-block; border:solid black 1px; } …
6
Entfernen Sie das CSS-Verhalten ': hover' aus dem Element
Ich habe CSS, das die Formatierung ändert, wenn Sie mit der Maus über ein Element fahren. HTML: &lt;div class="test"&gt; blah &lt;/div&gt; CSS: .test:hover { border: 1px solid red; } In einigen Fällen möchte ich beim Schweben kein CSS anwenden. Eine Möglichkeit wäre, einfach die CSS-Klasse mit jQuery aus dem div …
142 html  css 
6
So entfernen Sie Ränder vollständig aus der HTML-Tabelle
Mein Ziel ist es, eine HTML-Seite zu erstellen, die einem "Fotorahmen" ähnelt. Mit anderen Worten, ich möchte eine leere Seite erstellen, die von 4 Bildern umgeben ist. Das ist mein Code: &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; …
4
Medienabfragen - Zwischen zwei Breiten
Ich versuche, CSS3-Medienabfragen zu verwenden, um eine Klasse zu erstellen, die nur angezeigt wird, wenn die Breite größer als 400 Pixel und kleiner als 900 Pixel ist. Ich weiß, dass dies wahrscheinlich sehr einfach ist und mir etwas Offensichtliches fehlt, aber ich kann es nicht herausfinden. Was ich mir ausgedacht …
141 css  media-queries 
1
Wie kann man Kinder dehnen, um die Querachse zu füllen?
Ich habe eine Links-Rechts-Flexbox: .wrapper { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 70vh; min-height: 325px; max-height:570px; } &lt;div class="wrapper"&gt; &lt;div class="left"&gt;Left&lt;/div&gt; &lt;div class="right"&gt;Right&lt;/div&gt; &lt;/div&gt; Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Das Problem ist, dass sich das richtige Kind nicht reagiert. Um genau zu sein, …
141 css  flexbox 
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.