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.

4
Unterschied zwischen den Selektoren div + p (plus) und div ~ p (Tilde)
So wie w3schools , klingen sie gleich. CSS-Referenz von W3Schools div + p Wählt alle aus <p> Elemente aus, die unmittelbar nach den <div>Elementen platziert werden div ~ p Wählt jeden aus <p> Element aus, dem ein <div>Element vorangestellt ist Wenn ein <p>Element unmittelbar nach a steht<div> Element befindet, bedeutet …
9
Suchen Sie alle CSS-Regeln, die für ein Element gelten
Viele Tools / APIs bieten Möglichkeiten zur Auswahl von Elementen bestimmter Klassen oder IDs. Es ist auch möglich, die vom Browser geladenen Roh-Stylesheets zu überprüfen. Damit Browser ein Element rendern können, kompilieren sie jedoch alle CSS-Regeln (möglicherweise aus verschiedenen Stylesheet-Dateien) und wenden sie auf das Element an. Dies sehen Sie …
87 javascript  css 
7
So entfernen Sie zusätzlichen Speicherplatz unter svg im div-Element
Hier ist eine Illustration des Problems (getestet in Firefox und Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Ansicht auf JSFiddle Beachten Sie den zusätzlichen redPlatz im unteren Bereich divunter dem Blau svg. Bereits versucht zu setzen paddingund marginvon beiden Elementen …
87 html  css  svg 
9
Erstellen Sie einen HTML-Link, der nichts tut (buchstäblich nichts)
Ich möchte einen Link, der nichts tut. Ich will das nicht: <a href="#"> denn dann wird die URL something.com/whatever/#. Der einzige Grund, warum ich einen Link möchte, ist, dass der Benutzer sehen kann, dass er auf den Text klicken kann. JavaScript wird verwendet, um eine Aktion auszuführen, sodass ich den …
87 html  css 
1
Rand oben nur, wenn das Flex-Element eingewickelt ist
Ich habe einen Flex-Container mit zwei Flex-Artikeln. Ich möchte einen Rand oben auf den zweiten setzen, aber nur, wenn er gewickelt ist und nicht an der ersten Flexlinie. Wenn möglich, möchte ich die Verwendung von Medienabfragen vermeiden. Ich dachte, der untere Rand des ersten Elements könnte eine Lösung sein. Es …
87 css  margin  flexbox 
17
Verhindern von "doppelten" Grenzen in CSS
Angenommen, ich habe zwei Divs nebeneinander (nehmen Sie https://chrome.google.com/webstore/category/home als Referenz) mit einem Rahmen. Gibt es eine Möglichkeit (vorzugsweise einen CSS-Trick), um zu verhindern, dass meine Divs einen doppelten Rand haben? Schauen Sie sich dieses Bild an, um besser zu verstehen, was ich meine: Sie können sehen, dass dort, wo …
87 css 
10
CSS3 entspricht jQuery slideUp und slideDown?
Meine Anwendung arbeitet schlecht mit jQuerys slideDown und slideUp. Ich möchte ein CSS3-Äquivalent in Browsern verwenden, die es unterstützen. Ist es möglich, mithilfe von CSS3-Übergängen ein Element von display: none;nach zu ändern , display: block;während das Element nach unten oder oben verschoben wird?
87 jquery  css  animation 
21
Bootstrap schließen reaktionsschnelles Menü "on click"
Wenn Sie auf "PRODUKTE" klicken, schiebe ich ein weißes Div nach oben (siehe Anhang). Im reaktionsschnellen Modus (Handy und Tablet) möchte ich die reaktionsfähige Navigationsleiste automatisch schließen und nur den weißen Balken anzeigen. Ich habe es versucht: $('.btn-navbar').click(); auch versucht: $('.nav-collapse').toggle(); Und es funktioniert. In der Desktop-Größe wird es jedoch …
15
jQuery "Blinkendes Highlight" -Effekt auf div?
Ich suche nach einer Möglichkeit, Folgendes zu tun. Ich füge einer <div>Seite ein hinzu, und ein Ajax-Rückruf gibt einen Wert zurück. Das <div>wird mit Werten aus dem Ajax-Aufruf gefüllt, und das <div>wird dann einem anderen vorangestellt <div>, das als Tabellenspalte fungiert. Ich möchte die Aufmerksamkeit des Benutzers auf sich ziehen, …
6
Klicken Sie auf den Text, um das entsprechende Optionsfeld auszuwählen
Ich erstelle eine Quiz-Webanwendung mit PHP. Jede Frage besteht aus einer separaten Frage <label>und bietet 4 Auswahlmöglichkeiten, mit denen radio buttonsder Benutzer seine Antwort auswählen kann. Der aktuelle HTML-Code für eine einzelne Frage sieht folgendermaßen aus: <label for="349">What is my middle name?</label> <br> <input id="349" type="radio" value="1" name="349">Abe <br> <input …
9
Wie verhindere ich, dass ein DIV-Tag eine neue Zeile startet?
Ich möchte eine einzelne Textzeile an den Browser ausgeben, der ein Tag enthält. Wenn dies gerendert wird, scheint es, dass der DIV eine neue Zeile verursacht. Wie kann ich den Inhalt in das div-Tag in derselben Zeile aufnehmen - hier ist mein Code. <?php echo("<a href=\"pagea.php?id=$id\">Page A</a>") ?> <div id="contentInfo_new"> …
86 html  css 
9
Verwendung von Glyphicons in Bootstrap 3.0
Ich habe bereits Glyphicons in Bootstrap 2.3 verwendet, aber jetzt habe ich ein Upgrade auf Bootstrap 3.0 durchgeführt. Jetzt kann ich die Symboleigenschaft nicht verwenden. In Bootstrap 2.3 funktioniert das folgende Tag <i class="icon-search"></i> In Bootstrap 3.0 funktioniert es nicht.
7
Schriftart optimieren Genial für nur verwendete Klassen
Ich verwende die Font Awesome Sass-Datei https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass , um sie zu _font-awesome.sass zu machen, damit ich sie @importin meinem Sass-Projekt verwenden kann. Ich verwende auch http://middlemanapp.com/ , um Sass in Css zu konvertieren . Fragen: Gibt es eine Möglichkeit, nur verwendete Symbolklassen in meine konvertierte CSS-Datei zu integrieren? Weil es …
86 css  sass  font-awesome 
13
Wie kann ich ein horizontales Menü in HTML + CSS * wirklich * rechtfertigen?
Sie finden viele Tutorials zu Menüleisten in HTML, aber für diesen speziellen (obwohl IMHO generischen) Fall habe ich keine vernünftige Lösung gefunden: # THE MENU ITEMS SHOULD BE JUSTIFIED JUST AS PLAIN TEXT WOULD BE # # ^ ^ # Es gibt eine unterschiedliche Anzahl von Nur-Text-Menüelementen und das Seitenlayout …
86 html  css 
6
CSS zum Stoppen des Textumbruchs unter dem Bild
Ich habe das folgende Markup: <li id="CN2787"> <img class="fav_star" src="images/fav.png"> <span>Text, text and more text</span> </li> Ich möchte, dass der Text, wenn er umbrochen wird, nicht in die 'Spalte' für das Bild gelangt. Ich weiß, ich kann es mit einem machentable (was ich gemacht habe), aber das ist aus diesem …
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.