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
Richten Sie ein Bild innerhalb eines Divs vertikal mit der ansprechenden Höhe aus
Ich habe den folgenden Code, der einen Container mit einer Höhe einrichtet, die sich mit der Breite ändert, wenn der Browser die Größe ändert (um ein quadratisches Seitenverhältnis beizubehalten). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE> </div> </div> CSS .responsive-container { position: relative; width: 100%; border: 1px solid …

12
Wählen Sie den gesamten DIV-Text mit einem einzigen Mausklick aus
So markieren / wählen Sie den Inhalt eines DIV-Tags aus, wenn der Benutzer auf das DIV klickt ... Die Idee ist, dass der gesamte Text hervorgehoben / ausgewählt wird, sodass der Benutzer den Text nicht manuell mit der Maus und möglicherweise markieren muss Vermissen Sie einen Teil des Textes? Angenommen, …
135 javascript  css 

8
Bild in ein <button> -Element einbetten
Ich versuche, ein PNG-Bild auf einem &lt;button&gt;Element in HTML anzuzeigen . Die Schaltfläche hat die gleiche Größe wie das Bild und das Bild wird angezeigt, jedoch aus irgendeinem Grund nicht in der Mitte. Daher ist es unmöglich, alles zu sehen. Mit anderen Worten, die obere rechte Ecke des Bildes befindet …
135 html  css  image  button 

9
wie man den Cursorstil auf Zeiger für Links ohne hrefs setzt
Ich habe viele &lt;a&gt;HTML-Tags ohne das hrefAttribut für onclickJavascript-Aufrufe. Diese Links haben keinen Zeigerstil des Cursors. Sie haben einen Textstil-Cursor. Wie kann ich den Cursorstil auf Zeiger für Links setzen, ohne das hrefAttribut zu verwenden? Ich weiß, dass ich href = "#" hinzufügen kann. Ich habe dies an vielen Stellen …

4
Zwingen des Kindes, den gekrümmten Rändern der Eltern in CSS zu gehorchen
Ich habe ein Div in einem anderen Div. #outerund #inner. #outerhat gekrümmte Ränder und einen weißen Hintergrund. #innerhat keine gekrümmten Ränder und einen grünen Hintergrund. #innererstreckt sich über die gekrümmten Grenzen von #outer. Gibt es überhaupt etwas zu stoppen? #outer { display: block; float: right; margin: 0; width: 200px; background-color: …
135 css 

8
Einstellen der Tabellenzeilenhöhe
Ich habe diesen Code: &lt;table class="topics" &gt; &lt;tr&gt; &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;Test&lt;/td&gt; &lt;td style="padding: 0 4px 0 0;"&gt;1.0&lt;/td&gt; &lt;td&gt;abc&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;"&gt;test2&lt;/td&gt; &lt;td style="padding: 0 4px 0 0;"&gt;1.3&lt;/td&gt; &lt;td&gt;def&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Die Reihen …
135 html  css 

2
Wählen Sie das vorletzte Element mit CSS aus
Ich weiß schon von: letztes Kind. Aber gibt es eine Möglichkeit, das div auszuwählen: &lt;div id="container"&gt; &lt;div&gt;a&lt;/div&gt; &lt;div&gt;b&lt;/div&gt; &lt;div&gt;SELECT THIS&lt;/div&gt; &lt;!-- THIS --&gt; &lt;div&gt;c&lt;/div&gt; &lt;/div&gt; HINWEIS: ohne jQuery nur mit CSS
135 html  css  css-selectors 

5
100% Breite Twitter Bootstrap 3 Vorlage
Ich bin ein Bootstrap-Neuling und habe eine 100% breite Vorlage, die ich mit Bootstrap codieren möchte. Die erste Spalte beginnt in der linken Ecke und ich habe eine Google-Karte, die sich ganz rechts erstreckt. Ich dachte, ich könnte das mit container-fluidUnterricht machen, aber das scheint nicht mehr verfügbar zu sein. …

4
Fade-Effekt auf Link Hover?
Auf vielen Websites, z. B. http://www.clearleft.com , werden Sie feststellen, dass die Links beim Bewegen des Mauszeigers in eine andere Farbe übergehen, anstatt sofort zu wechseln. Dies ist die Standardaktion. Ich gehe davon aus, dass JavaScript verwendet wird, um diesen Effekt zu erzeugen. Weiß jemand wie?
134 css  hover  fade  effect 


10
Wie kann ein IFrame in iOS Safari reagieren?
Das Problem ist, dass in der modernen Web-Welt erwartet wird, dass der IFrame auch reagiert, wenn Sie IFrames zum Einfügen von Inhalten in eine Website verwenden müssen. Theoretisch ist es einfach, einfach zu verwenden &lt;iframe width="100%"&gt;&lt;/iframe&gt;oder die CSS-Breite so einzustellen, iframe { width: 100%; }aber in der Praxis ist es …
134 html  css  iframe 

4
Position absolut und Überlauf ausgeblendet
Wir haben zwei DIVs, eine in die andere eingebettet. Wenn der äußere DIV nicht absolut positioniert ist, gehorcht der innere DIV, der absolut positioniert ist, nicht dem Überlauf, der dem äußeren DIV verborgen ist ( Beispiel ). Gibt es eine Chance, dass der innere DIV dem vom äußeren DIV verborgenen …

12
Laden von domänenübergreifenden Amazon S3 CORS- (Cross-Origin Resource Sharing) und Firefox-Schriftarten
Es gibt seit langem ein Problem damit, dass Firefox keine Schriftarten von einem anderen Ursprung als der aktuellen Webseite lädt. Normalerweise tritt das Problem auf, wenn die Schriftarten auf CDNs bereitgestellt werden. In anderen Fragen wurden verschiedene Lösungen angesprochen: CSS @ font-face funktioniert nicht mit Firefox, sondern mit Chrome und …

14
Font Awesome Symbole in einem Kreis machen?
Ich verwende Font Awesome in einem Projekt, aber ich habe einige Dinge, die ich mit Font Awesome-Symbolen tun möchte. Ich kann ein Symbol wie dieses einfach aufrufen: &lt;i class="fa fa-lock"&gt;&lt;/i&gt; Ist es möglich, dass sich alle Symbole immer in einem runden Kreis mit Rand befinden? So etwas habe ich ein …
134 css  font-awesome 

7
CSS-Überlauf - nur 1 Textzeile
Ich habe divmit folgendem CSS-Stil: width:335px; float:left; overflow:hidden; padding-left:5px; Wenn ich darin diveine lange Textzeile einfüge, wird eine neue Zeile unterbrochen und der gesamte Text angezeigt. Ich möchte nur eine Textzeile haben, die keine Zeilenumbrüche verursacht. Wenn der Text lang ist, möchte ich, dass dieser überlaufende Text verschwindet. Ich habe …
134 html  css  overflow 

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.