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.

9
Kann ein Hintergrundbild größer sein als das Div selbst?
Ich habe eine Fußzeile div mit 100% Breite. Es ist ungefähr 50px hoch, abhängig von seinem Inhalt. Ist es möglich, dieser Fußzeile ein Hintergrundbild zu geben, das diese Div überläuft? Das Bild ist ungefähr 800x600px groß und ich möchte, dass es in der linken unteren Ecke der Fußzeile positioniert wird. …
77 css  image  background 
2
CSS calc () kann mit transform: translateX im IE nicht verwendet werden
Alles, Ich möchte calc () mit transform: translateX in meinem CSS verwenden können. Z.B, #myDiv { -webkit-transform: translateX(calc(100% - 50px)); -moz-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); } Dies funktioniert zwar perfekt in Chrome, Safari und Firefox, aber nicht in IE10 oder IE11. Ein einfaches Beispiel finden Sie hier: …
77 html  css 
16
7 gleiche Spalten im Bootstrap
Ich habe mich gefragt, ob jemand erklären kann, wie ich 7 gleiche Spalten im Bootstrap erhalten kann. Ich versuche einen Kalender zu erstellen. Dieser Code scheint 5 zu tun: div class="row"> <div class="col-md-2 col-md-offset-1"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> <div class="col-md-2"></div> </div> Mein Hauptinhalt hat die folgende Klasse, daher …
8
Bootstrap v4 + CSS-Klasse für Zeigercursor
Gibt es pointer:cursorin Bootstrap 4 eine CSS-Klasse oder ein CSS-Attribut speziell für Schaltflächen oder Links? <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/> <button type="button" class="btn btn-success">Sample Button</button> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet
12
So erstellen Sie eine klebrige Fußzeile, die mit Bootstrap 3 gut funktioniert
Mit oder ohne Top-Navi ist es sehr häufig, dass Websites eine klebrige Fußzeile haben. Bootstrap verfügt über eine Funktion zum einfachen Erstellen fester Fußzeilen, aber keine solche Funktion zum Erstellen klebriger Fußzeilen - es gibt einen großen Unterschied. Wenn Sie diese Frage googeln, werden Sie feststellen, dass Hunderte, wenn nicht …
3
CSS: Der erste Buchstabe funktioniert nicht
Ich versuche, CSS-Stile auf einige HTML-Snippets anzuwenden, die aus einem Microsoft Word-Dokument generiert wurden. Der von Word generierte HTML-Code ist ziemlich grausam und enthält viele Inline-Stile. Es geht ungefähr so: <html> <head></head> <body> <center> <p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span style='font-size:12.0pt;line-height:115%;font-family:"Times New Roman"'>Title text goes here<o:p></o:p></span></b></p> <p class=MsoNormal style='margin-left:18.0pt;line-height:150%'><span style='font-size:12.0pt;line-height:150%;font-family:"Times New Roman"'>Content text …
76 html  css 
5
Verwenden Sie mehrere benutzerdefinierte Schriftarten mit @ font-face?
Ich bin sicher, ich vermisse etwas wirklich direktes. Verwenden Sie eine einzelne benutzerdefinierte Schriftart mit normaler Schriftart: @font-face { font-family: CustomFont; src: url('CustomFont.ttf'); } Alles funktioniert gut, wenn ich es benutze, aber wenn ich eine andere benutzerdefinierte Schriftart hinzufügen möchte, was mache ich dann? Ich habe versucht, die nächste durch …
76 css  fonts  font-face 
4
CSS: reine CSS-Scroll-Animation
Ich habe nach einer Möglichkeit gesucht, nach unten zu scrollen, wenn ich auf eine Schaltfläche klicke, die sich oben auf einer Seite befindet, und zwar nur mit CSS3. Also habe ich dieses Tutorial gefunden: http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions/ Demo: http://tympanus.net/Tutorials/SmoothTransitionsResponsiveLayout/ Aber es ist ein bisschen zu fortgeschritten für meine Bedürfnisse, da ich nur …
27
HTML-Eingabefelder werden beim Klicken nicht fokussiert
Ich habe ein Problem und kann nicht herausfinden, was genau dieses Verhalten verursacht. Ich kann nicht auf meine Eingabefelder und textareas in meinem HTML-Formular zugreifen . Leider sind JS, HTML und CSS sehr groß, so dass ich hier nicht wirklich alles posten kann. Kann mir jemand sagen, worauf ich beim …
76 javascript  html  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.