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.

2
CSS3-Übergänge: Ist "Übergang: Alle" langsamer als "Übergang: x"?
Ich habe eine Frage zur Rendergeschwindigkeit für die Übergangseigenschaft css3. Angenommen, ich habe eine Reihe von Elementen: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Es ist viel effizienter, alle Übergänge für alle …

9
Der Browser kann beim Aufrufen eines Servlets, das an eine JSP weiterleitet, nicht auf relative Ressourcen wie CSS, Bilder und Links zugreifen / diese finden
Ich habe Probleme beim Laden von CSS und Bildern und beim Erstellen von Links zu anderen Seiten, wenn ein Servlet an eine JSP weitergeleitet wird. Insbesondere wenn ich meine <welcome-file>auf setze , index.jspwird das CSS geladen und meine Bilder werden angezeigt. Allerdings, wenn ich mein Set <welcome-file>auf , HomeServletdie nach …
82 css  image  jsp  servlets 

2
Höhe: 100% oder Mindesthöhe: 100% für HTML und Körperelemente?
Beim Entwerfen von Layouts setze ich die html, bodyElemente heightauf, 100%aber in einigen Fällen schlägt dies fehl. Was sollte also verwendet werden? html, body { height: 100%; } oder html, body { min-height: 100%; } Nun, dies ist nicht meinungsbasiert, da jede Methode ihre eigenen Mängel aufweist. Was ist also …
82 html  css 

5
Textausrichtung: rechts auf <Auswahl> oder <Option>
Wer weiß , wenn es um align Text rechts von einem möglich ist , &lt;select&gt;oder genauer gesagt &lt;option&gt;Element in WebKit . Dies muss keine browserübergreifende Lösung einschließlich IE sein, sondern sollte, wenn möglich, reines CSS sein. Ich habe beides versucht: select { text-align: right }und option { text-align: right }, …
82 html  css  webkit 

5
Mehrere und / oder verschachtelte Bootstrap-Container?
Nach meinem Verständnis müssen alle Elemente im Bootstrap-Stil in einem &lt;div class="container"&gt;Element vorhanden sein. Aber manchmal sehe ich Bootstrap-Beispiele, in denen es mehrere "Container" gibt: &lt;div class="container"&gt; &lt;!-- Blah, GUI stuff, blah --&gt; &lt;/div&gt; ... &lt;div class="container"&gt; &lt;!-- Blah, more GUI stuff, blah --&gt; &lt;/div&gt; Meine Fragen: Wann würden Sie …

5
Meine Inline-Block-Elemente stimmen nicht richtig überein
Alle darin enthaltenen Elemente .track-containersollten gut und in einer Linie nebeneinander angeordnet sein, eingeschränkt durch die 200-Pixel-Höhe, die sie ohne seltsame Ränder oder Polsterung erhalten haben. Stattdessen haben Sie die Seltsamkeit, die in der oben genannten Geige auftritt. Was verursacht .album-artworkund wird .track-infoauf halber Höhe der Seite verschoben, und wie …
82 html  css 

7
Wie positioniere ich eine Div-Bildlaufleiste auf der linken Seite?
Ist es möglich, eine Position (linke oder rechte Seite) für die Platzierung einer vertikalen Bildlaufleiste auf einem Div anzugeben? Schauen Sie sich zum Beispiel diese Seite an, auf der erklärt wird, wie das Überlaufattribut verwendet wird. Gibt es eine Möglichkeit, diese Bildlaufleiste auf der linken Seite des scrollbaren Bereichs zu …
82 html  css 

7
Anpassen einer Bootstrap-Tabellenspalte an den Inhalt
Ich benutze Bootstrap und zeichne eine Tabelle. In der Spalte ganz rechts befindet sich eine Schaltfläche, und ich möchte, dass sie auf die Mindestgröße herunterfällt, die für die Schaltfläche erforderlich ist. &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"&gt; &lt;table class="table table-responsive"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;th&gt;Name&lt;/th&gt; &lt;th&gt;Payment Method&lt;/th&gt; &lt;th&gt;&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Bart Foo&lt;/td&gt; &lt;td&gt;Visa&lt;/td&gt; &lt;td&gt;&lt;a role="button" …



6
Wie simuliere ich ein Mouseover in reinem JavaScript, das das CSS ": hover" aktiviert?
Ich habe versucht, Code zu finden, der mouseoverin Chrome simuliert werden kann, aber obwohl der Listener "mouseover" ausgelöst wird, wird die CSS-Deklaration "hover" nie festgelegt! Ich habe auch versucht: //Called within mouseover listener theElement.classList.add("hover"); Aber nichts scheint das Element an dem zu ändern, was in seiner hoverDeklaration deklariert ist . …
82 javascript  jquery  css 



12
Verwenden von "margin: 0 auto;" in Internet Explorer 8
Ich bin gerade dabei, einige IE8-Vorab-Tests durchzuführen, und es scheint, dass die alte Technik der Verwendung margin: 0 auto;in IE8 nicht in allen Fällen funktioniert. Das folgende HTML-Element enthält eine zentrierte Schaltfläche in FF3-, Opera-, Safari-, Chrome-, IE7- und IE8-Kompatibilität, jedoch NICHT im IE8-Standard: &lt;div style="height: 500px; width: 500px; background-color: …


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.