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.

15
So entfernen Sie die Randmarkierung eines Eingabetextelements
Wenn ein HTML-Element fokussiert ist (derzeit ausgewählt / mit Registerkarten versehen), wird es von vielen Browsern (zumindest Safari und Chrome) blau umrandet. Für das Layout, an dem ich arbeite, ist dies ablenkend und sieht nicht richtig aus. <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefox scheint dies nicht zu tun …
610 css  input  safari  webkit  border 
25
Überprüfen Sie, ob ein Element eine Klasse in JavaScript enthält.
Gibt es eine Möglichkeit, mit einfachem JavaScript (nicht jQuery) zu überprüfen, ob ein Element eine Klasse enthält ? Derzeit mache ich das: var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case …
588 javascript  html  css  dom 
21
CSS-Force-Bildgröße ändern und Seitenverhältnis beibehalten
Ich arbeite mit Bildern und bin auf ein Problem mit Seitenverhältnissen gestoßen. <img src="big_image.jpg" width="900" height="600" alt="" /> Wie Sie sehen können heightund widthbereits angegeben sind. Ich habe die CSS-Regel für Bilder hinzugefügt: img { max-width:500px; } Aber dafür big_image.jpgerhalte ich width=500und height=600. Wie ich Bilder so einstellen kann, dass …
577 css  image  aspect-ratio 
23
Wie erhalten Sie mit Twitter Bootstrap zentrierte Inhalte?
Ich versuche einem sehr einfachen Beispiel zu folgen. Mit der Startseite und dem Rastersystem hatte ich Folgendes gehofft: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet ... würde zentrierten Text erzeugen. Es erscheint jedoch immer noch ganz links. …
21
Zeilenumbruch in eine HTML-Tabelle
Ich habe verwendet word-wrap: break-word, um Text in divs und spans zu verpacken . In Tabellenzellen scheint es jedoch nicht zu funktionieren. Ich habe eine Tabelle width:100%mit einer Zeile und zwei Spalten. Text in Spalten word-wrapwird nicht umgebrochen , obwohl er wie oben beschrieben gestaltet ist . Dadurch überschreitet der …
566 html  css  html-table 
8
Was ist der Unterschied zwischen Normalize.css und Reset CSS?
Ich weiß, was CSS Reset ist, aber kürzlich habe ich von dieser neuen Sache namens Normalize.css gehört Was ist der Unterschied zwischen Normalize.css und Reset CSS ? Was ist der Unterschied zwischen dem Normalisieren von CSS und dem Zurücksetzen von CSS? Ist es nur ein neues Schlagwort für das Zurücksetzen …
565 css  normalize-css 
18
Winkel: Bedingte Klasse mit * ngClass
Was ist mit meinem Angular-Code falsch? Ich bekomme: Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ... HTML <ol class="breadcrumb"> <li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li> <li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li> <li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li> </ol>
7
Ein Div mit CSS vertikal scrollbar machen
Diese <div id="" style="overflow:scroll; height:400px;"> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet gibt ein, divdass der Benutzer sowohl horizontal als auch vertikal scrollen kann. Wie ändere ich es so, dass das div nur vertikal scrollbar ist?
560 html  css 
21
Erweitern Sie ein div, um die verbleibende Breite zu füllen
Ich möchte ein zweispaltiges Div-Layout, bei dem jedes eine variable Breite haben kann, z div { float: left; } .second { background: #ccc; } <div>Tree</div> <div class="second">View</div> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Ich möchte, dass das 'view'-Div auf die gesamte verfügbare Breite erweitert wird, nachdem das' …
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.