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
So konfigurieren Sie Nginx, um zwischen dem PC- oder Mobiltelefonzugriff auf verschiedene Domänennamen zu unterscheiden
Die neue offizielle Website ist online, aber die ...
Detaillierte Erläuterung des Prozesses zum Erstellen von Bodennavigationseffekten mit JavaScript
Inhaltsverzeichnis Ziele für diesen Zeitraum 1. F...
Detaillierte Installation und Verwendung von RocketMQ in Docker
Um nach RocketMQ-Images zu suchen, können Sie auf...
Tutorial zum schnellen Bereitstellen eines Nebula Graph-Clusters mit Docker Swarm
1. Einleitung In diesem Artikel wird beschrieben,...
Installieren Sie ein CentOS-System basierend auf WindowsX Hyper-V
Derzeit nutzen die meisten Linux-Benutzer entwede...
HTML-Grundlagen - Pflichtlektüre - Detaillierte Erläuterung von Formularen, Bild-Hotspots, Aufteilung und Zusammenfügen von Webseiten
1. Formular <form id="" name="&...
Upgrade des Windows Server 2008R2-Dateiservers auf Windows Server 2016
Die Benutzerorganisation verfügt über zwei Window...
9 Tipps zur MySQL-Datenbankoptimierung
Inhaltsverzeichnis 1. Wählen Sie die am besten ge...
Führen Sie die Schritte zum Konfigurieren der IP-Adresse in Ubuntu 18.04 LTS aus
Vorwort Die Methode zum Konfigurieren von IP-Adre...
Detaillierte Erläuterung der Hosts-Dateikonfiguration auf einem Linux-Server
Konfiguration der Hostdatei des Linux-Servers Die...
Detaillierte Erklärung der HTML-Programmier-Tags und der Dokumentstruktur
Der Zweck der Verwendung von HTML zum Markieren v...
Eine kurze Erläuterung der Syntax der VUE-Uni-App-Vorlage
1.v-bind (Abkürzung:) Um in Daten definierte Date...
Lösen Sie das Problem „Willkommen bei nginx auf Fedora!“. Nach der Installation von nginx auf Centos7 befindet sich im Verzeichnis conf.d keine Datei default.conf.
Problembeschreibung Installieren Sie nginx auf Te...
Eine kurze Einführung in MySQL InnoDB ReplicaSet
Inhaltsverzeichnis 01 Einführung in InnoDB Replic...
So implementieren Sie das Prototypmuster in JavaScript
Überblick Das Prototypmuster bezieht sich auf den...