CSS Skills Collection – Klassiker unter den Klassikern

Entfernen Sie das gepunktete Kästchen auf dem Link

Code kopieren

Der Code lautet wie folgt:

a:aktiv, a:Fokus {
Umriss: keiner;
}

Standardmäßig fügt Firefox einen gepunkteten Rahmen hinzu, wenn ein Link fokussiert (oder angeklickt) wird, der mit den oben genannten Eigenschaften entfernt werden kann.

Der einfachste CSS-Reset

Code kopieren

Der Code lautet wie folgt:

* {
Rand: 0; Polsterung: 0
}

Links nicht umbrechen

Code kopieren

Der Code lautet wie folgt:

A {
Leerzeichen:nowrap;
}

Mit der obigen Einstellung lässt sich ein Linkumbruch vermeiden, ich persönlich empfehle jedoch, dass lange Links eine entsprechende Zeile haben (eine Diskussion zum Zeilenumbruch finden Sie im Datensatz in der Kreismitte).

Bildlaufleisten in Firefox immer anzeigen

Code kopieren

Der Code lautet wie folgt:

html {
Überlauf: -moz-Bildlaufleisten-vertikal;
}

Weitere private CSS-Eigenschaften von Mozilla/Firefox finden Sie hier. Benötigen Sie Cross-Browser-Unterstützung, können Sie auch verwenden

Code kopieren

Der Code lautet wie folgt:

Text, HTML {
Mindesthöhe: 101 %;
}

Verwenden Sie die Zeilenhöhe, um vertikal zu zentrieren

Zeilenhöhe: 24px;

Wenn Sie einen Container mit fester Breite verwenden und eine Zeile vertikal zentrieren müssen, verwenden Sie die Zeilenhöhe (die Höhe ist dieselbe wie beim übergeordneten Container). Eine weitere Zusammenfassung zur vertikalen Zentrierung finden Sie hier.

Klarer Behälterschwimmer

Code kopieren

Der Code lautet wie folgt:

#hauptsächlich {
Überlauf: versteckt;
}

Zentriert ein Blockelement horizontal
Rand: 0 automatisch;
Tatsächlich,

Code kopieren

Der Code lautet wie folgt:

Rand links: automatisch;
Rand rechts: automatisch;

Diese Technik wird in fast allen CSS-Lehrbüchern erklärt. Vergessen Sie nicht, eine Breite hinzuzufügen. Sie können es auch im Exploer verwenden

Code kopieren

Der Code lautet wie folgt:

Körper{
Textausrichtung: zentriert;
}

Definieren Sie dann den inneren Container

Textausrichtung: links;

genesen.

Blenden Sie die Bildlaufleiste des Exploer-Textbereichs aus

Code kopieren

Der Code lautet wie folgt:

Textbereich {
Überlauf: automatisch;
}

Exploer: Standardmäßig verfügt der Textbereich über eine vertikale Bildlaufleiste (fragen Sie mich nicht, warum).

Seitennummerierung für den Druck festlegen

Code kopieren

Der Code lautet wie folgt:

h2 {
Seitenumbruch vorher: immer;
}

Mit dem Attribut „page-break-before“ kann die Seitennummerierung beim Drucken einer Webseite festgelegt werden.

<<: Klassischer Beispielcode für JavaScript-Funktionsaufrufe

>>: Detaillierte Erklärung der Anzeigeeigenschaft im CSS-Beschriftungsmodus

CSS Skills Collection – Klassiker unter den Klassikern

Webdesign-Zusammenfassung

Beispielcode zur Implementierung transparenter Verlaufseffekte mit CSS

Webentwickler sind besorgt über die Koexistenz von IE7 und IE8

Tiefes Verständnis der JavaScript-Syntax und Codestruktur

vue + ts realisiert den Effekt des Ziehens von Elementen mit der Maus

Zusammenfassung der Javascript-Datumstools

Kreisförmiger Fortschrittsbalken mit CSS implementiert

Zusammenfassung der Fallstricke bei der Installation von MySQL und MySQLClient auf CentOS7

Nginx Reverse-Proxy-Konfiguration entfernt Präfix

Führt diese SQL-Schreibmethode wirklich dazu, dass der Index fehlschlägt?

Artikel empfehlen

JS implementiert einfachen Kalendereffekt

Einführung in die Fallstricke der hohen Parallelität und Leistungsoptimierung unter Linux

Vue implementiert die Drag & Drop-Sortierfunktion der Seiten-Div-Box

Der Effekt eines dynamischen CSS-Farbverlaufsrahmens, der um den Inhaltsbereich rotiert (Beispielcode)

Einführungstutorial zu React Hooks

Nofollow sorgt dafür, dass die Links in Kommentaren und Nachrichten wirklich funktionieren

Die Verwendung von Ankerpunkten in HTML_PowerNode Java Academy

Detaillierte Erläuterung der Implementierung der Titelwiedergabe im WeChat-Applet und der aufgetretenen Fallstricke

MySQL-Einfügungsproblem bei JSON

Empfohlene Tipps für Web-Frontend-Ingenieure

Ein Beispiel zum Schreiben eines großen Sonnenwettersymbols in reinem CSS

Element Tabelle Tabellenkomponente Mehrfeld (Mehrspalten) Sortiermethode

Vue+js: Klicken Sie auf den Pfeil, um die Bilder zu wechseln

Detaillierte Erklärung des JavaScript-Timer-Prinzips

Optimierung von Datentabellen in MySQL-Datenbanken, Analyse von Fremdschlüsseln und Nutzung von drei Paradigmen