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.

13
Erstellen eines Zoomeffekts für ein Bild beim Schweben mit CSS?
Ich versuche gerade, einen Zoomeffekt beim Bewegen des Mauszeigers über eines meiner vier Bilder zu erstellen. Das Problem ist, dass die meisten Beispiele normalerweise Tabellen oder Maskendivs verwenden, um einen Effekt anzuwenden. Hier ist ein Beispiel dafür , dass Geräte , was ich möchte dies . Dies ist mein bisheriger …
87 html  class  css 
5
Pure CSS reduzieren / erweitern div
Ich habe ein reines kollabierbares CSS-Div, das auf dem Code eines anderen basiert, der die :targetPseudoklasse verwendet. Was ich versuche einzurichten, ist eine Seite mit mehr als 12 Fragen, und wenn Sie auf die Schaltfläche + klicken, wird die Antwort div darunter erweitert. Ich kann nicht herausfinden, wie mehrere kollabierende …
87 css  collapsable 
7
Fügen Sie mit css Leerzeichen zwischen den Zellen (td) hinzu
Ich versuche, eine Tabelle mit Leerzeichen zwischen den Zellen hinzuzufügen, da die Hintergrundfarbe der Zelle weiß und die Hintergrundfarbe der Tabelle blau ist. Sie können leicht erkennen, dass Polsterung und Rand nicht funktionieren (ich wende sie auf die an td). Es wird nur Platz innerhalb der Zelle hinzugefügt.
87 html  css 
7
Inline-Stil als: Hover in CSS
Ich weiß, dass das Einbetten von CSS-Stilen direkt in die HTML-Tags, auf die sie sich auswirken, einen Großteil des Zwecks von CSS zunichte macht, aber manchmal ist es für Debugging-Zwecke nützlich, wie in: <p style="font-size: 24px">asdf</p> Wie lautet die Syntax zum Einbetten einer Regel wie folgt: a:hover {text-decoration: underline;} in …
87 html  css 
6
CSS richtet schwebende Divs vertikal aus
Ich habe eine Div (#wrapper) mit 2 Divs, die nebeneinander stehen. Ich möchte, dass das rechte Div vertikal ausgerichtet ist. Ich habe versucht, vertikal auszurichten: Mitte auf meinem Haupt-Wrapper, aber es funktioniert nicht. Es macht mich verrückt! Hoffe jemand kann helfen. http://cssdesk.com/LWFhW HTML: <div id="wrapper"> <div id="left-div"> <ul> <li>One</li> <li>Two</li> …
87 html  css 
3
Div vertikale Bildlaufleiste anzeigen
Ich frage mich, wie es möglich ist, den vertikalen Balken eines Div (ausgegraut, wenn kein Bildlauf ausgeführt wird) dauerhaft anzuzeigen, ähnlich wie bei unseren regulären Balken. Grundsätzlich versuche ich, eine ganze Website in einem Div zu platzieren (wie Google Mail / Facebook). Wenn die Seite also nicht lang genug ist, …
87 html  css 
10
Wie verhindere ich die CSS-Vererbung?
Ich habe ein hierarchisches Navigationsmenü in meiner Seitenleiste, das verschachtelte Listen (<ul> und <li> Tags) verwendet. Ich verwende ein vorgefertigtes Thema, das bereits Stile für Listenelemente enthält, aber ich möchte den Stil für die Elemente der obersten Ebene ändern, aber NICHT auf die Unterelemente anwenden. Gibt es eine einfache Möglichkeit, …
87 css 
4
Feste Mitte mit dynamischer Breite (CSS) zentrieren
Ich habe eine Div, die dieses CSS haben wird: #some_kind_of_popup { position: fixed; top: 100px; min-height: 300px; width: 90%; max-width: 900px; } Wie kann ich dieses Div zentrieren? Ich kann verwenden, margin-left: -450px; left: 50%;aber dies funktioniert nur, wenn der Bildschirm> 900 Pixel ist. Danach (wenn das Fenster <900 Pixel …
87 css  html  center 
7
HTML geordnete Liste 1.1, 1.2 (verschachtelte Zähler und Bereich) funktioniert nicht
Ich verwende verschachtelte Zähler und Bereiche, um eine geordnete Liste zu erstellen: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> …
87 html  css  html-lists 
4
Wie mache ich die CSS-Breite, um das übergeordnete Element zu füllen?
Ich bin sicher, dass dieses Problem schon einmal gestellt wurde, aber ich kann anscheinend keine Antwort finden. Ich habe das folgende Markup: <div id="foo"> <div id="bar"> here be dragons </div> </div> Mein Wunsch ist es, foo so zu machen, dass es die Breite 600px( width: 600px;) hat und bar die …
87 css 
8
Richten Sie zwei Divs mithilfe von Bootstrap-CSS horizontal nebeneinander in der Mitte der Seite aus
Bitte beziehen Sie sich auf den folgenden Code, was ich versucht habe <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> Ausgabe : First Div SecondDiv Erwartete Ausgabe : First Div Second Div Ich möchte die beiden Divs mit Bootstrap-CSS horizontal mittig zur Seite ausrichten. Wie kann ich das …
11
Fügen Sie einen Inline-Stil mit Javascript hinzu
Ich versuche, diesen Code einem dynamisch erstellten div-Element hinzuzufügen style = "width:330px;float:left;" Der Code, in dem die Dynamik erstellt wird, divlautet var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; Meine Idee ist es, den Stil danach hinzuzufügen, < div class="well"aber ich weiß nicht, wie …
11
Bootstrap - Entfernen von Polstern oder Rändern, wenn die Bildschirmgröße kleiner ist
EDITED: Vielleicht sollte ich fragen, welcher Selektor die Seitenpolsterung einrichtet, wenn der Bildschirm auf unter 480px Breite reduziert wird? Ich habe eine Weile in bootstrap-responsiveness.css gesucht, um dies zu finden, aber nichts scheint dies zu beeinflussen. Original Ich möchte grundsätzlich alle Standardauffüllungen oder Ränder entfernen, die für die Reaktionsfähigkeit auf …
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.