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
Vue.js Datenbindungsstil backgroundImage funktioniert nicht
Ich versuche, den Quellcode eines Bildes in ein Element zu binden, aber es scheint nicht zu funktionieren. Ich erhalte einen "Ungültigen Ausdruck. Generierter Funktionskörper: {backgroundImage: {url (image)}". In der Dokumentation heißt es, entweder "Kebab-Fall" oder "Kamel-Fall" zu verwenden. <div class="circular" v-bind:style="{ backgroundImage: { url(image) }"></div> Hier ist eine Geige: https://jsfiddle.net/0dw9923f/2/
92 javascript  html  css  vue.js 
10
Anwenden einer einzelnen Schriftart auf eine gesamte Website mit CSS
Ich möchte auf meiner gesamten Website eine einzige Schriftart mit dem Namen "Algerian" verwenden. Ich muss also alle HTML-Tags ändern und möchte keinen unterschiedlichen Code für verschiedene Tags schreiben, z. button{font-family:Algerian;} div{font-family:Algerian;} Von der unten beschriebenen Methode wird ebenfalls dringend abgeraten: div,button,span,strong{font-family:Algerian;}
91 html  css  fonts  font-face 
10
div Hintergrundfarbe, um onhover zu ändern
Ich versuche, die Hintergrundfarbe eines Divs mit der Maus zu ändern . das div {Hintergrund: weiß;} das div a: hover {Hintergrund: grau; Breite: 100%; Bildschirmsperre; Textdekoration: keine;} Nur der Link innerhalb des Divs erhält die Hintergrundfarbe . Was könnte ich tun, damit das ganze Div diese Hintergrundfarbe bekommt? Danke BEARBEITEN: …
91 css  colors  background  hover 
7
AngularJS ng-repeat ohne HTML-Element
Ich verwende derzeit diesen Code, um eine Liste zu rendern: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Das <div>Element verursacht jedoch in einigen Browsern einige sehr geringfügige Renderfehler. Ich würde gerne wissen, ob es eine Möglichkeit gibt, die ng-Wiederholung …
2
Gibt es einen Rückruf nach Abschluss einer CSS3-Animation?
Gibt es eine Möglichkeit, eine Rückruffunktion bei CSS3-Animationen zu implementieren? Im Falle einer Javascript-Animation ist dies möglich, findet jedoch keine Möglichkeit, dies in CSS3 zu tun. Eine Möglichkeit, die ich sehen könnte, besteht darin, einen Rückruf nach der Animationsdauer auszuführen, aber das stellt nicht sicher, dass er immer direkt nach …
19
Allgemeine Web-UI-Stile
Ich muss einem meiner Kunden in den folgenden Tagen einen Prototyp einer Web-App präsentieren. Ich bin nicht so gut in CSS und am schlimmsten bin ich fast nie zufrieden mit den Ergebnissen, die ich erhalte. Das Codieren der Geschäftslogik stellt für mich keine Herausforderung dar. Das UI-Design nimmt jedoch mehr …
5
CSS: Top gegen Margin-Top
Ich bin mir nicht sicher, ob ich den Unterschied zwischen diesen beiden vollständig verstehe. Kann jemand erklären, warum ich eins über das andere verwenden würde und wie sie sich unterscheiden?
91 css  css-position 
3
Fußzeile am Ende der Seite oder des Inhalts, je nachdem, welcher Wert niedriger ist
Ich habe folgende Struktur: <body> <div id="main-wrapper"> <header> </header> <nav> </nav> <article> </article> <footer> </footer> </div> </body> Ich lade dynamisch Inhalte in das <article>mit Javascript. Aus diesem Grund kann sich die Höhe des <article>Blocks ändern. Ich möchte, dass sich der <footer>Block am Ende der Seite befindet, wenn viel Inhalt vorhanden …
91 css  html  footer 
1
CSS3 Flex: Ziehen Sie das Kind nach rechts
Hier ist, was ich Geige habe ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { …
91 html  css 
6
Drehen Sie statisch beeindruckende Symbole statisch
Ich möchte meine Schriftarten-Symbole statisch um 45 Grad drehen. Auf der Website heißt es: Verwenden Sie die Klassen fa-rotate- * und fa-flip- *, ​​um Symbole willkürlich zu drehen und umzudrehen. Allerdings tun <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> funktioniert nicht, während das Ersetzen fa-rotate-45durch fa-rotate-90. Bedeutet dies, dass sie sich tatsächlich …
4
Die CSS-Animationseigenschaft bleibt nach der Animation erhalten
Ich versuche, eine CSS-Animationseigenschaft nach Abschluss beizubehalten. Ist dies möglich? Das versuche ich zu erreichen ... Das Element sollte ausgeblendet werden, wenn der Benutzer auf der Seite landet. Nach 3 Sekunden (oder was auch immer) sollte es eingeblendet werden und nach Abschluss der Animation dort bleiben. Hier ist ein Geigenversuch …
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.