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.

3
So legen Sie die Größe einer Spalte in einer auf Bootstrap reagierenden Tabelle fest
Wie legen Sie die Größe einer Spalte in einer auf Bootstrap reagierenden Tabelle fest? Ich möchte nicht, dass der Tisch seine Antwortfunktionen verliert. Ich brauche es, um auch in IE8 zu funktionieren. Ich habe HTML5SHIV und Respond aufgenommen. Ich verwende Bootstrap 3 (3.2.0) <div class="table-responsive"> <table id="productSizes" class="table"> <thead> <tr> …
5
CSS - Syntax zum Auswählen einer Klasse innerhalb einer ID
Wie lautet die Selektorsyntax, um ein Tag innerhalb einer ID über den Klassennamen auszuwählen? Was muss ich zum Beispiel unten auswählen, damit das innere "li" rot wird? <html> <head> <style type="text/css"> #navigation li { color: green; } #navigation li .navigationLevel2 { color: red; } </style> </head> <body> <ul id="navigation"> <li>Level …
6
Schriftgröße der FontAwesome-Symbole ändern?
Ich möchte eines der FontAwesome-Symbole etwas weniger schwer machen - es ist viel schwerer als die von mir verwendete Schriftart. So sieht es derzeit aus: :: Hässlich, richtig? Also habe ich versucht, die Schriftgröße wie folgt zurückzusetzen: .tag .icon-remove { font-weight: 100; } Das Attribut scheint im CSS korrekt eingestellt …
8
Wie richtet man ein Div links / rechts aus, ohne float zu verwenden?
Wenn Sie so etwas tun: <div style="float: left;">Left Div</div> <div style="float: right;">Right Div</div> Ich muss ein leeres div mit verwenden clear: both; das fühlt sich sehr schmutzig für mich an. Gibt es also eine Möglichkeit, ohne Float auszurichten? Hier ist mein Code: .action_buttons_header a.green_button{ } <div class="change_requests_container" style="width:950px !important"> <div …
75 html  css 
6
Styling-Formular mit Beschriftung über den Eingaben
Ich möchte folgenden Formularstil erstellen: Name E-Mail [.................] [.................] Gegenstand [.................] Botschaft [.........................................] [.........................................] [.........................................] [.........................................] Der HTML-Code, den ich habe, ist: <form name="message" method="post"> <section> <label for="name">Name</label> <input id="name" type="text" value="" name="name"> <label for="email">Email</label> <input id="email" type="text" value="" name="email"> </section> <section> <label for="subject">Subject</label> <input id="subject" type="text" value="" name="subject"> <label …
75 html  css 
15
Reagieren - Komponenten-Vollbild (mit einer Höhe von 100%)
Ich kann keine React-Komponente mit dem Namen "home" anzeigen, die 100% der Höhe meines Bildschirms einnimmt. Was auch immer ich CSS oder React Inline-Stil verwende, es funktioniert nicht. Im folgenden Beispiel sind HTML , Body und #App in CSS auf die Höhe 100% festgelegt. Für .home habe ich den Inline-Stil …
75 css  reactjs  html 
11
Der Randstil funktioniert nicht mit klebrigen Positionselementen
Ich weiß nicht, warum mein Rahmenstil nicht mit position: sticky;Attributen funktioniert . Ich möchte Rahmenstile für meine klebrige Tabellenüberschrift festlegen. Aber ich möchte nicht die transparente Hintergrundfarbe verwenden. Wie kann ich das erreichen? Hier sind Beispielcodes für mein Problem und JSFiddle Link #wrapper { width: 400px; height: 200px; overflow: auto; …
75 html  css 
7
Verhindern Sie, dass flexible Gegenstände über einen Behälter laufen
Wie erstelle ich mein Flex-Element ( articlein diesem Beispiel), das das Flex-Element / den Flex-Container ( ) flex-grow: 1; nicht überlaufen muss main? In diesem Beispiel articlehandelt es sich nur um Text, obwohl er möglicherweise andere Elemente ( tables usw.) enthält. main, aside, article { margin: 10px; border: solid 1px …
75 css  flexbox 
4
CSS: Ändern Sie den Elternteil auf den Fokus des Kindes
Angenommen, Sie haben so etwas wie: <div class="parent"> <input class="childInput" type="text" /> <div class="sibling"></div> </div> Ich möchte das Aussehen der Eltern / Geschwister ändern, wenn das Kind den Fokus erhält. Gibt es CSS-Tricks, um solche Dinge zu tun? Bearbeiten: Der Grund für meine Frage ist wie folgt: Ich erstelle eine …
6
jQuery - Sticky-Header, der beim Scrollen nach unten verkleinert wird
Ich frage mich, wie man einen klebrigen Header (mit Animation) verkleinert, wenn man die Seite nach unten scrollt und zum normalen Zustand zurückkehrt, wenn die Seite nach oben gescrollt wird. Hier sind zwei Beispiele zur Verdeutlichung: http://themenectar.com/demo/salient/ http://www.kriesi.at/themes/enfold/ Ich bekomme das Teil, um es zu reparieren, aber wie soll ich …
8
Schieben Sie den Effekt mit ng-show und ng-animate nach oben / unten
Ich versuche ng-animate, ein ähnliches Verhalten wie bei JQuery slideUp()und zu erzielen slideDown(). Nur ich würde lieber verwendenng-show Ich schaue mir das ng-animate-Tutorial hier an - http://www.yearofmoo.com/2013/04/animation-in-angularjs.html , und ich kann den Ein- / Ausblendeffekt in dem bereitgestellten Beispiel reproduzieren. Wie kann ich das CSS ändern, um ein Auf- / …
74 css  angularjs 
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.