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
Vorteile und Nachteile des MySQL Advanced Learning Index sowie Nutzungsregeln
1. Vor- und Nachteile von Indizes Vorteile: schne...
Implementierungsschritte zum Erstellen eines lokalen Webservers auf Centos8
1 Übersicht System CentOS8, verwenden Sie httpd, ...
Fehlerbehebung bei Master-Slave-Verzögerungsproblemen beim Upgrade von MySQL 5.6 auf 5.7
Als ich kürzlich die Zabbix-Datenbank von MySQL 5...
Detaillierte Erklärung gängiger Docker-Befehle
1. Hilfe-Befehl 1. Aktuelle Docker-Version anzeig...
Zusammenfassung der Bereitstellung des Tomcat-Clusters und des Nginx-Lastausgleichs basierend auf Docker
Inhaltsverzeichnis Vorne geschrieben 1. Ngixn-Bil...
Detaillierte Erläuterung der FTP-Umgebungskonfigurationslösung (vsftpd)
1. Installieren Sie die vsftpd-Komponente Install...
Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode
1. Chinesische Eingabemethode einrichten 2. Stell...
Detaillierte Erklärung der MySQL-Datenbank - Abfrage mehrerer Tabellen - Inner Join, Outer Join, Unterabfrage, korrelierte Unterabfrage
Abfrage mehrerer Tabellen Verwenden Sie eine einz...
So stellen Sie eine Verbindung zum MySQL-Visualisierungstool Navicat her
Nach der Installation von Navicat Der folgende Fe...
JavaScript implementiert das Ändern der Farbe einer Webseite über einen Schieberegler
Hallo zusammen, als ich mir heute das HTML des We...
jQuery implementiert alle Warenkorbfunktionen
Inhaltsverzeichnis 1. Alles auswählen 2. Erhöhen ...
Natives JS zum Erzielen eines funkelnden Sterneneffekts
In diesem Artikelbeispiel wird der spezifische Co...
So veröffentlichen Sie ein lokal erstelltes Docker-Image auf Dockerhub
Heute zeigen wir Ihnen, wie Sie das lokale Docker...
Tutorial zur Installation von Ceph Distributed Storage mit Yum unter Centos7
Inhaltsverzeichnis Vorwort Konfigurieren Sie die ...
Detaillierte Erklärung des Middleman-Modus von Angular-Komponenten
Inhaltsverzeichnis 1. Mittelsmann-Modell 2. Beisp...