Webdesign-Referenz Firefox-Standardstil

Webdesign-Referenz Firefox-Standardstil
Obwohl das W3C einige Standards für HTML festgelegt hat: Browser analysieren und rendern die Tags in der Webseite gemäß ihren eigenen vordefinierten Stilen. Firefox kann das Standard-Stylesheet von Firefox abrufen, indem es den Befehl resource://gre/res/html.css in die Adressleiste eingibt. Es wäre toll, wenn der IE auch diesen Befehl hätte! Sie können diesen Befehl auch in die Adressleiste verschiedener Firefox-Versionen eingeben, sodass Sie die Unterschiede zwischen verschiedenen Firefox-Versionen vergleichen können, was uns beim Zurücksetzen von CSS eine wichtige Referenz gibt.
/* ***** BEGINNE LIZENZBLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* Der Inhalt dieser Datei unterliegt der Mozilla Public License Version
* 1.1 (die "Lizenz"); Sie dürfen diese Datei nur in Übereinstimmung mit
* die Lizenz. Sie können eine Kopie der Lizenz erhalten unter
* http://www.mozilla.org/MPL/
*
* Software, die unter der Lizenz vertrieben wird, wird auf einer "AS IS"-Basis vertrieben,
* OHNE JEGLICHE GARANTIE, weder ausdrücklich noch stillschweigend. Siehe die Lizenz
* für die spezifische Sprache, die Rechte und Einschränkungen im Rahmen der
* Lizenz.
*
* Der Originalcode ist mozilla.org-Code.
*
* Der ursprüngliche Entwickler des Originalcodes ist
* Netscape Communications Corporation.
* Teile, die vom ursprünglichen Entwickler erstellt wurden, unterliegen dem Copyright (C) 1998
* der ursprüngliche Entwickler. Alle Rechte vorbehalten.
*
* Mitwirkende(r):
* Blake Ross <[email protected]>
*
* Alternativ kann der Inhalt dieser Datei unter den Bedingungen von verwendet werden
* entweder der GNU General Public License Version 2 oder höher (die „GPL“),
* oder der GNU Lesser General Public License Version 2.1 oder höher (die „LGPL“),
* in diesem Fall gelten stattdessen die Bestimmungen der GPL bzw. der LGPL
* der oben genannten. Wenn Sie die Verwendung Ihrer Version dieser Datei nur zulassen möchten
* unter den Bedingungen der GPL oder der LGPL, und es anderen nicht zu erlauben,
* Verwenden Sie Ihre Version dieser Datei unter den Bedingungen der MPL, geben Sie Ihre
* Entscheidung durch Streichung der oben genannten Bestimmungen und Ersetzung durch den Bescheid
* und andere Bestimmungen der GPL oder LGPL. Wenn Sie nicht löschen
* die oben genannten Bestimmungen, ein Empfänger kann Ihre Version dieser Datei unter
* die Bedingungen einer der MPL, der GPL oder der LGPL.
*
* ***** ENDE LIZENZBLOCK ***** */
@namespace url(http://www.w3.org/1999/xhtml); /* Standard-Namespace auf HTML setzen */
/* bidi */
[dir="rtl"] {
Regie: rtl;
Unicode-Bidi: einbetten;
}
[dir="ltr"] {
Richtung: ltr;
Unicode-Bidi: einbetten;
}
bdo[dir] {
Unicode-Bidi: Bidi-Überschreibung;
}
/* Blöcke */
html, div, map, dt, isindex, form {
Anzeige: Block;
}
Körper {
Anzeige: Block;
Rand: 8px;
}
p, dl, mehrfarbig {
Anzeige: Block;
Rand: 1em 0;
}
dd {
Anzeige: Block;
-moz-Margin-Start: 40px;
}
blockquote {
Anzeige: Block;
Rand: 1em 40px;
}
Adresse {
Anzeige: Block;
Schriftstil: kursiv;
}
Mitte {
Anzeige: Block;
Textausrichtung: -moz-center;
}
blockquote[Typ=Zitat]
Anzeige: Block;
Rand: 1em 0px;
-moz-padding-start: 1em;
-moz-border-start: solide;
Rahmenfarbe: blau;
Rahmenbreite: dünn;
}
span[_moz_quote=true] {
Farbe: blau;
}
vor[_moz_quote=true] {
Farbe: blau;
}
h1 {
Anzeige: Block;
Schriftgröße: 2em;
Schriftstärke: fett;
Rand: .67em 0;
}
h2 {
Anzeige: Block;
Schriftgröße: 1,5em;
Schriftstärke: fett;
Rand: .83em 0;
}
h3 {
Anzeige: Block;
Schriftgröße: 1,17em;
Schriftstärke: fett;
Rand: 1em 0;
}
h4 {
Anzeige: Block;
Schriftstärke: fett;
Rand: 1,33em 0;
}
h5 {
Anzeige: Block;
Schriftgröße: 0,83em;
Schriftstärke: fett;
Rand: 1,67em 0;
}
h6 {
Anzeige: Block;
Schriftgröße: 0,67em;
Schriftstärke: fett;
Rand: 2,33em 0;
}
Inserate
Anzeige: Block;
Schriftfamilie: -moz-fixed;
Schriftgröße: mittel;
Leerzeichen: vor;
Rand: 1em 0;
}
xmp, pre, Klartext {
Anzeige: Block;
Schriftfamilie: -moz-fixed;
Leerzeichen: vor;
Rand: 1em 0;
}
/* Tabellen */
Tisch {
Anzeige: Tabelle;
Rahmenabstand: 2px;
Rahmenkollaps: trennen;
Rand oben: 0;
Rand unten: 0;
/* XXXldb, wollen wir das, wenn wir border-collapse:collapse sind? */
-moz-box-sizing: Rahmenbox;
Texteinzug: 0;
}
Tabelle[align="left"] {
schweben: links;
}
Tabelle[align="right"] {
schweben: rechts;
Textausrichtung: Start;
}
Tabelle[Regeln]:nicht([Regeln="keine"]) {
Rahmen-Zusammenbruch: Zusammenbruch;
}
/* Überschrift wird von Tabelle übernommen, nicht von äußerer Tabelle */
Untertitel {
Anzeige: Tabellenüberschrift;
Textausrichtung: zentriert;
-moz-box-sizing: Rahmenbox;
}
Tabelle[align="center"] > Beschriftung {
Rand links: automatisch;
Rand rechts: automatisch;
}
Tabelle[Ausrichten="Mitte"] > Beschriftung[Ausrichten="links"] {
Rand rechts: 0;
}
Tabelle[Ausrichten="Mitte"] > Beschriftung[Ausrichten="Rechts"] {
Rand links: 0;
}
tr {
Anzeige: Tabellenzeile;
vertikale Ausrichtung: erben;
}
Spalte {
Anzeige: Tabellenspalte;
}
Spaltengruppe {
Anzeige: Tabellenspaltengruppe;
}
tbody {
Anzeige: Tabellenzeilengruppe;
vertikale Ausrichtung: Mitte;
}
thead {
Anzeige: Tabellenkopfzeilengruppe;
vertikale Ausrichtung: Mitte;
}
tFuß {
Anzeige: Tabellenfußzeilengruppe;
vertikale Ausrichtung: Mitte;
}
/* für XHTML-Tabellen ohne tbody */
Tabelle > tr {
vertikale Ausrichtung: Mitte;
}
td {
Anzeige: Tabellenzelle;
vertikale Ausrichtung: erben;
Textausrichtung: erben;
Polsterung: 1px;
}
das {
Anzeige: Tabellenzelle;
vertikale Ausrichtung: erben;
Schriftstärke: fett;
Polsterung: 1px;
}
tr > Form:-moz-ist-html, tbody > Form:-moz-ist-html,
thead > form:-moz-is-html, tfoot > form:-moz-is-html,
Tabelle > Form:-moz-is-html {
/* Wichtig: Diese Formulare nicht in HTML anzeigen */
Anzeige: keine !wichtig;
}
/* inlines */
q:vor {
Inhalt: offenes Zitat;
}
q:nach {
Inhalt: Zitat schließen;
}
b, stark {
Schriftstärke: fett;
}
ich, zitieren, em, var, dfn {
Schriftstil: kursiv;
}
tt, Code, kbd, Beispiel {
Schriftfamilie: -moz-fixed;
}
u, ins {
Textdekoration: Unterstreichen;
}
s, streik, del {
Textdekoration: durchgestrichen;
}
blinken {
Textdekoration: blinken;
}
groß
Schriftgröße: groß;
}
klein
Schriftgröße: kleiner;
}
Unter {
vertikale Ausrichtung: Unter;
Schriftgröße: kleiner;
Zeilenhöhe: normal;
}
sup {
vertikale Ausrichtung: super;
Schriftgröße: kleiner;
Zeilenhöhe: normal;
}
nein
Leerzeichen: Nowrap;
}
/* Titel */
abbr[Titel], acronym[Titel] {
Rahmen unten: gepunktet 1px;
}
/* Listen */
ul, menu, dir {
Anzeige: Block;
Listenstiltyp: Disc;
Rand: 1em 0;
-moz-padding-start: 40px;
}
ol {
Anzeige: Block;
Listenstiltyp: Dezimal;
Rand: 1em 0;
-moz-padding-start: 40px;
}
li {
Anzeige: Listenelement;
}
/* verschachtelte Listen haben keine oberen/unteren Ränder */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
Menü ul, Menü ol, Menü dir, Menü Menü, Menü dl,
dl ul, dl ol, dl dir, dl menu, dl dl {
Rand oben: 0;
Rand unten: 0;
}
/* 2 tiefe ungeordnete Listen mit einem Kreis */
ol ul, ul ul, Menü ul, dir ul,
ol-Menü, ul-Menü, Menü-Menü, dir-Menü,
ol-Verzeichnis, ul-Verzeichnis, menu-Verzeichnis, dir-Verzeichnis {
Listenstiltyp: Kreis;
}
/* 3 tiefe (oder mehr) ungeordnete Listen mit einem Quadrat */
ol ol ul, ol ul ul, ol Menü ul, ol Dir ul,
ol ol Menü, ol ul Menü, ol Menü Menü, ol Dir Menü,
ol ol dir, ol ul dir, ol menu dir, ol dir dir,
ul ol ul, ul ul ul, ul-Menü ul, ul-Dir ul,
ul ol Menü, ul ul Menü, ul Menü Menü, ul Dir Menü,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
Menü ol ul, Menü ul ul, Menü Menü ul, Menü dir ul,
Menü ol Menü, Menü ul Menü, Menü Menü Menü, Menü Dir Menü,
Menü altes Verzeichnis, Menü ul-Verzeichnis, Menü Menü-Verzeichnis, Menü-Verzeichnis,
dir ol ul, dir ul ul, dir menu ul, dir dir ul,
dir ol menü, dir ul menü, dir menü menü, dir dir menü,
dir ol dir, dir ul dir, dir menu dir, dir dir dir {
Listenstiltyp: Quadrat;
}
/* Blätter */
/* <hr> Noshade- und Farbattribute werden vollständig verwaltet von
* der nsHTMLHRElement-Attributzuordnungscode
*/
hr {
Anzeige: Block;
Höhe: 2px;
Rand: 1px Einzug;
Rand: 0,5em automatisch 0,5em automatisch;
Farbe: grau;
-moz-float-edge:Randbox;
-moz-box-sizing: Rahmenbox;
}
Std.[Größe="1"] {
Rahmenstil: durchgezogen, keiner, keiner, keiner;
}
*|*:-moz-any-link img, img[usemap], Objekt[usemap] {
Rand: 2px durchgezogen;
}
Bild:-moz-broken::vorher, Eingabe:-moz-broken::vorher,
Bild:-moz-user-disabled::vorher, Eingabe:-moz-user-disabled::vorher,
Bild:-moz-loading::before, Eingabe:-moz-loading::before,
Applet: -moz-empty-except-children-with-localname(param):-moz-broken::before,
Applet: -moz-empty-except-children-with-localname(param): -moz-user-disabled::vor {
Inhalt: -moz-alt-content !wichtig;
Unicode-Bidi: einbetten;
}
Objekt: -moz-broken > *|*, Applet: -moz-broken > *|*
Objekt: -moz-user-disabled > *|*, Applet: -moz-user-disabled > *|* {
/*
Erben Sie die Ausrichtung des Objekts, so dass, wenn wir nicht explizit ausgerichtet sind
wir landen vertikal an der richtigen Stelle. Siehe Fehler 36997. Beachten Sie, dass dies
ist nicht !wichtig, weil wir _möglicherweise_ explizit ausgerichtet sind.
*/
vertikale Ausrichtung: erben;
}
Bild:-moz-suppressed, Eingabe:-moz-suppressed, Objekt:-moz-suppressed,
einbetten:-moz-suppressed, applet:-moz-suppressed {
/*
Stellen Sie auch die Sichtbarkeit ein, falls sich die Anzeige der Seite ändert. Beachten Sie, dass wir _möglicherweise_
wollen nur die Sichtbarkeit einstellen und nicht anzeigen, im Allgemeinen, wenn wir finden, dass
display:none zerstört zu viele Layouts. Und wenn wir uns entscheiden, dass wir wirklich
Die Benutzer müssen in der Lage sein, mit der rechten Maustaste auf blockierte Bilder usw. zu klicken. Wir müssen festlegen
keines von beiden, und hacke den Malcode.... :(
*/
Anzeige: keine !wichtig;
Sichtbarkeit: versteckt !important;
}
img[usemap], Objekt[usemap] {
Farbe: blau;
}
Rahmensatz {
Anzeige: Block! wichtig;
Überlauf: -moz-hidden-unscrollable;
Position: statisch! wichtig;
Float: keines! wichtig;
Rand: keiner! wichtig;
}
rahmen {
Rand: keiner! wichtig;
}
iframe {
Rand: 2px Einzug;
}
keine Frames {
Anzeige: keine;
}
Abstandshalter {
Position: statisch! wichtig;
Float: keine! wichtig;
}
Leinwand {
-moz-Benutzerauswahl: keine;
}
/* fokussierbarer Inhalt: alles mit Tabindex >=0 ist fokussierbar */
abbr:Fokus, Akronym:Fokus, Adresse:Fokus, Applet:Fokus, b:Fokus,
Basis: Fokus, groß: Fokus, Blockzitat: Fokus, br: Fokus, Leinwand: Fokus, Beschriftung: Fokus,
Zentrum:Fokus, Zitat:Fokus, Code:Fokus, Spalte:Fokus, Spaltengruppe:Fokus, dd:Fokus,
del:Fokus, dfn:Fokus, dir:Fokus, div:Fokus, dl:Fokus, dt:Fokus, em:Fokus,
Feldsatz:Fokus, Schriftart:Fokus, Form:Fokus, h1:Fokus, h2:Fokus, h3:Fokus, h4:Fokus,
h5:Fokus, h6:Fokus, hr:Fokus, i:Fokus, img:Fokus, ins:Fokus,
kbd:Fokus, Label:Fokus, Legende:Fokus, li:Fokus, Link:Fokus, Menü:Fokus,
Objekt:Fokus, ol:Fokus, p:Fokus, pre:Fokus, q:Fokus, s:Fokus, samp:Fokus,
klein:Fokus, Spanne:Fokus, Schlag:Fokus, stark:Fokus, Unter:Fokus, Sup:Fokus,
Tabelle:Fokus, Tbody:Fokus, Td:Fokus, Tfoot:Fokus, Th:Fokus, Thead:Fokus,
tr:Fokus, tt:Fokus, u:Fokus, ul:Fokus, var:Fokus {
/* Geben Sie die Umrissfarbe nicht an, wir sollten immer den Anfangswert verwenden. */
Umriss: 1px gepunktet;
}
/* versteckte Elemente */
Bereich, Basis, Basisschriftart, Kopf, Meta, Skript, Stil, Titel,
noembed, Parameter {
Anzeige: keine;
}
/* Emulation des nicht standardmäßigen HTML-Tags <marquee> */
Festzelt
Breite: -moz-verfügbar;
Anzeige: Inline-Block;
vertikale Ausrichtung: Text unten;
Textausrichtung: Start;
-moz-Bindung: URL (,chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
}
Festzelt[Richtung="nach oben"], Festzelt[Richtung="nach unten"] {
-moz-Bindung: URL ('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-vertical');
Höhe: 200px;
}
/* Es gelten die PRINT ONLY-Regeln */
@media drucken {
Laufschrift { -moz-binding: none; }
/* XXX das sollte nicht nötig sein, wir sollten aufhören zu blinken
jeglicher Art in der Druckvorschau, nicht nur das <blink>-Element */
blinken {
Textdekoration: keine;
}
}

<<:  So fügen Sie schnell 10 Millionen Datensätze in MySQL ein

>>:  So konfigurieren Sie ein Jupyter-Notebook im Docker-Container

Artikel empfehlen

Mysql löscht doppelte Daten, um die kleinste ID-Lösung beizubehalten

Suchen Sie online nach doppelten Daten und behalt...

Implementierung der Beschleunigung der Docker-Installation und -Konfigurationsabbildung

Inhaltsverzeichnis Docker-Version Installieren Si...

Anwendung zur Verarbeitung von HTML-Tag-Überläufen

Verwenden Sie CSS, um Bildlaufleisten zu ändern 1...

Detaillierte Erläuterung zweier Methoden zum Festlegen globaler Variablen und Sitzungsvariablen in MySQL

1. Es gibt zwei Möglichkeiten, globale Variablen ...

MySQL-Reihe: Redo-Log, Undo-Log und Binlog – ausführliche Erklärung

Durchführung von Transaktionen Das Redo-Protokoll...

Erste Schritte Tutorial für Anfänger⑧: Einfaches Erstellen einer Artikel-Site

In meinem letzten Beitrag habe ich darüber gesproc...

Grafisches Beispiel für die Verwaltung von Datenträgerkontingenten unter Linux

Das Datenträgerkontingent ist die Speichergrenze ...

Verwenden von vue3, um den Nebennachrichten-Eingabeaufforderungseffekt des Apple-Systems zu imitieren

Inhaltsverzeichnis Animationsvorschau Andere UI-B...

Erstellen Sie eine schöne, umklappbare Anmelde- und Registrierungsoberfläche auf HTML+CSS-Basis

Erstellen Sie eine ansprechende Anmelde- und Regi...

Das Laufschriftelement implementiert Effekte wie scrollende Schriften und Bilder

Mit dem Laufschriftelement können Sie einfache Gle...

Beispiel für die Generierung von Zufallszahlen und die Verkettung von Zeichenfolgen in MySQL

Dieser Artikel beschreibt anhand eines Beispiels,...

So richten Sie die Swap-Partition SWAP in Linux 7.7 ein

Die Swap-Partition des Linux-Systems, also die Sw...

So implementieren Sie den Vue-Timer

In diesem Artikelbeispiel wird der spezifische Co...

Beispiele für die Verwendung von „Provide“ und „Inject“ in Vue2.0/3.0

Inhaltsverzeichnis 1. Was ist der Nutzen von Prov...

Detaillierte Analyse mehrerer Situationen, in denen MySQL-Indizes fehlschlagen

1. Führende Fuzzy-Abfragen können keinen Index ve...