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.

8
Richten Sie ein Element mit der Flexbox nach unten aus
Ich habe eine divmit einigen Kindern: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> und ich möchte das folgende Layout: ------------------- |heading 1 | |heading 2 | |paragraph text | |can have many | |rows | | | | | | | …
375 html  css  flexbox 
18
img src SVG Ändern der Stile mit CSS
html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Das obige SVG wird geladen und ist nativ, fill: #fffaber wenn ich das Obige verwende css, um es in Schwarz zu ändern, ändert es sich nicht. Ich spiele zum ersten Mal mit SVG und bin mir nicht sicher, …
373 css  image  svg 
21
Unterschied zwischen Rand und Polsterung?
Was genau ist der Unterschied zwischen Marge und Polsterung in CSS? Es scheint wirklich nicht viel Sinn zu haben. Können Sie mir ein Beispiel geben, wo die Unterschiede liegen (und warum es wichtig ist, den Unterschied zu kennen)?
371 css 
13
Wie platziere ich zwei Divs nebeneinander?
Betrachten Sie den folgenden Code : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write code because they love it.</div> …
370 css  html 
8
CSS: nicht (: letztes Kind): nach Selektor
Ich habe eine Liste von Elementen, die so gestaltet sind: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Führen Sie das Code-Snippet ausHide resultsErweitern Sie das Snippet Ausgänge One | Two | Three | …
2
Flexbox, die Elementen nicht die gleiche Breite verleiht
Versuchen Sie es mit einem Flexbox-Navi, das bis zu 5 Elemente und nur 3 Elemente enthält, aber die Breite nicht gleichmäßig auf alle Elemente verteilt. Geige Das Tutorial, nach dem ich dies modelliere, ist http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS * { font-size: 16px; } .tabs { max-width: 1010px; width: 100%; height: 5rem; border-bottom: …
368 html  css  flexbox 
16
CSS-Textüberlauf: Auslassungspunkte; funktioniert nicht?
Ich weiß nicht, warum dieses einfache CSS nicht funktioniert ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div class="app"> <a href="">Test Test Test Test Test Test</a> </div> Führen …
368 overflow  ellipsis  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.