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.

6
Drucken Sie Seitenzahlen auf Seiten, wenn Sie HTML drucken
Ich habe viele Websites über das Drucken von Seitenzahlen gelesen, konnte sie jedoch nicht für meine HTML-Seite anzeigen, wenn ich versuche, sie zu drucken. Der CSS-Code lautet also als Nächstes: @page { margin: 10%; @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); } } Ich habe versucht, diese …
2
Gibt es eine Möglichkeit, CSS-Variablen mit url () zu interpolieren?
Ich möchte meine Hintergrund-URLs in benutzerdefinierten Eigenschaften (CSS-Variablen) speichern und sie mit der Hintergrundeigenschaft verwenden. Ich konnte jedoch keine Möglichkeit finden, die Zeichenfolge zu interpolieren, wenn ich sie als Parameter in verwende url(). Hier ist mein Beispielcode: :root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416"; } body { background: url(var(--url)); } Ich weiß, dass …
9
CSS Circular Cropping des Rechteckbildes
Ich möchte ein zentriertes kreisförmiges Bild aus einem Rechteckfoto machen. Die Abmessungen des Fotos sind unbekannt. Normalerweise ist es eine Rechteckform. Ich habe viele Methoden ausprobiert: CSS: .image-cropper { max-width: 100px; height: auto; position: relative; overflow: hidden; } .image-cropper img{ display: block; margin: 0 auto; height: auto; width: 150%; margin: …
72 html  css 
6
CSS-Animationen mit Verzögerung für jedes untergeordnete Element
Ich versuche, einen Kaskadeneffekt zu erzeugen, indem ich auf jedes untergeordnete Element eine Animation anwende. Ich habe mich gefragt, ob es einen besseren Weg gibt als diesen: .myClass img:nth-child(1){ -webkit-animation: myAnimation 0.9s linear forwards; } .myClass img:nth-child(2){ -webkit-animation: myAnimation 0.9s linear 0.1s forwards; } .myClass img:nth-child(3){ -webkit-animation: myAnimation 0.9s linear …
4
So beheben Sie ein Div nur mit CSS am Seitenanfang
Ich schreibe eine Glossarseite. Ich habe die Alphabet-Links oben auf der Seite. Ich möchte den oberen Rand der Seite (einschließlich der Alphabet-Links) festhalten, während der Abschnitt der Seite mit den Definitionen beim Klicken auf ein Alphabet nach oben / unten scrollt. Mein HTML sieht ein bisschen so aus: <html> <head><title>My …
71 html  css 
3
: letztes Kind arbeitet nicht wie erwartet?
Das Problem liegt in diesem CSS und HTML. Hier ist ein Link zu jsFiddle mit dem Beispielcode. HTML <ul> <li class"complete">1</li> <li class"complete">2</li> <li>3</li> <li>4</li> </ul> CSS li.complete:last-child { background-color:yellow; } li.complete:last-of-type { background-color:yellow; } Sollte nicht eine dieser CSS-Zeilen auf das letzte li-Element mit der Klasse "complete" abzielen ? …
3
CSS3 calc (100% -88px) funktioniert in Chrome nicht
Mir ist aufgefallen, dass meine Verwendung des CSS3 calc()als Einheit für fungiertwidth die neueste Version von Chrome nicht funktioniert. In den Chrome - Entwicklertools, die Regel mit calc()hat ein durchgestrichener durch und ein Ausrufezeichen in einem gelben Dreieck auf der linken Seite davon. Dies signalisiert, dass die Eigenschaft oder der …
20
Wie kann ich die <div> -Höhe automatisch an den Inhalt anpassen?
Ich habe eine, &lt;div&gt;die automatisch an den Inhalt angepasst werden muss. Wie kann ich das machen? Im Moment kommt mein Inhalt aus dem&lt;div&gt; Die Klasse, die ich für das div verwendet habe, ist wie folgt box-centerside { background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent; float:left; height:100px; width:260px; }
71 css  html 
6
CSS mit JavaScript zu <head> hinzufügen?
Gibt es eine Möglichkeit, CSS aus einer Zeichenfolge in der Javascript-Datei zum Kopf eines Dokuments mit Javascript hinzuzufügen? Angenommen, wir haben eine Webseite mit einem Lightbox-Skript. Für dieses Skript ist eine CSS-Datei erforderlich. &lt;link&gt;Wenn Sie nun diese CSS-Datei mit hinzufügen, wird die CSS-Datei auch für Personen heruntergeladen, für die js …
71 javascript  html  css 
10
Wie kann ich Text vertikal an der Symbolschrift ausrichten?
Ich habe ein sehr einfaches HTML, das Klartext und Symbolschriftarten mischt. Das Problem ist, dass Symbole nicht genau auf derselben Höhe wie der Text gerendert werden: &lt;div class="ui menu"&gt; &lt;a href="t" class="item"&gt;&lt;i class="large home basic icon"&gt;&lt;/i&gt;&lt;span class="nav-text"&gt; Accueil&lt;/span&gt;&lt;/a&gt; &lt;a href="" class="item"&gt;&lt;i class="large camera retro icon"&gt;&lt;/i&gt;&lt;span class="nav-text"&gt; Créations&lt;/span&gt;&lt;/a&gt; &lt;a class="item"&gt;&lt;span class="nav-text"&gt;Qui-suis …
71 html  css  fonts  font-awesome 
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.