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
Artikel empfehlen
Detaillierte Erklärung des MySQL-Sicherungsprozesses mit Xtrabackup
Inhaltsverzeichnis 01 Hintergrund 02 Einleitung 0...
MySql fügt Daten erfolgreich ein, meldet aber [Err] 1055 Fehlerlösung
1. Frage: Ich habe in diesen Tagen Einfügevorgäng...
So behandeln Sie einen Überlauf numerischer MySQL-Typen
Lassen Sie mich Ihnen nun eine Frage stellen. Was...
JavaScript generiert zufällige Grafiken durch Klicken
In diesem Artikel wird der spezifische Code von J...
Detaillierte Schritte zur Installation von MinIO auf Docker
Inhaltsverzeichnis 1. Überprüfen Sie, ob die Dock...
Eine kurze Erläuterung, wie Tomcat den übergeordneten Delegationsmechanismus unterbricht
Inhaltsverzeichnis JVM-Klassenlader Tomcat-Klasse...
Eine kurze Zusammenfassung aller Kapselungsmethoden in Vue
Inhaltsverzeichnis 1. Kapselungs-API 2. Globale T...
Docker-Grundlagen-Tutorial: Detaillierte Erklärung der Dockerfile-Syntax
Vorwort Dockerfile ist ein vom Docker-Programm in...
Installieren Sie JDK8 im RPM-Modus auf CentOS7
Nach der erfolgreichen Installation von CentOS 7 ...
Führen Sie die Schritte zum Einrichten automatischer Updates in CentOS 8 aus
Das Beste, was Sie für Ihre Daten und Computer tu...
Kurze Analyse von MySQL Union und Union All
In der Datenbank führen sowohl die Schlüsselwörte...
MySQL 8.0.17 Installations- und einfaches Konfigurationstutorial unter macOS
Wenn Sie nicht verstehen, was ich geschrieben hab...
Detaillierte Erläuterung der Verwendung des DockerHub-Image-Repository
Bisher wurden die von uns verwendeten Images alle...
3 häufige Fehler beim Lesen von MySQL Binlog-Protokollen
1. mysqlbinlog: [FEHLER] unbekannte Variable „def...
Beispielmethode zum Suchen von Schlüsselwörtern und deren vorangehenden und nachfolgenden Informationen in Linux-Protokollen
Bei der täglichen Arbeit müssen wir häufig Protok...