Webdesign-Referenz Firefox-Standardstil_HTML/Xhtml_Webseitenproduktion

Obwohl w3c einige Standards für HTML formuliert hat: Browser analysieren und rendern Tags in Webseiten gemäß ihren eigenen vordefinierten Stilen. Firefox kann dies erreichen, indem er den Befehl „resource://gre/res/html.css“ in die Adressleiste eingibt Standard-Stylesheet. Es wäre toll, wenn auch der IE diesen Befehl hätte! Sie können diesen Befehl auch in die Adressleiste verschiedener Firefox-Versionen eingeben, um die Unterschiede zwischen verschiedenen Firefox-Versionen zu vergleichen. Dies gibt uns eine wichtige Referenz beim Zurücksetzen von CSS.
/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* Der Inhalt dieser Datei unterliegt der Mozilla-Lizenz Öffentliche Lizenzversion
* 1.1 (die „Lizenz“); Sie dürfen diese Datei nur in Übereinstimmung mit
* der Lizenz verwenden. Sie können eine Kopie der Lizenz unter
* http://www .mozilla.org/MPL/
*
* Software, die unter der Lizenz vertrieben wird, wird „wie besehen“ verteilt,
* OHNE JEGLICHE GEWÄHRLEISTUNG, weder ausdrücklich noch stillschweigend. Siehe die Lizenz
* für die spezifische Sprache, die die Rechte und Einschränkungen unter der
*
* Der Originalcode ist
*
* Der ursprüngliche Entwickler des Originalcodes ist
* Netscape Communications Corporation
* Teile, die vom ursprünglichen Entwickler erstellt wurden, unterliegen dem Urheberrecht (C) 1998
* Alle Rechte vorbehalten.
* Blake Ross

*
* Alternativ kann der Inhalt dieser Datei unter den Bedingungen von * entweder der GNU General Public License Version 2 oder höher (die „GPL.“) verwendet werden "),
* oder der GNU Lesser General Public License Version 2.1 oder höher (die „LGPL"),
*, wobei in diesem Fall die Bestimmungen der GPL oder der LGPL anstelle
* der oben genannten gelten . Wenn Sie die Nutzung Ihrer Version dieser Datei nur
* unter den Bedingungen der GPL oder der LGPL zulassen möchten und anderen nicht erlauben möchten, Ihre Version dieser Datei
* unter den Bedingungen der zu verwenden MPL, geben Sie Ihre
* Entscheidung an, indem Sie die oben genannten Bestimmungen löschen und sie durch die Mitteilung
* und andere von der GPL oder der LGPL geforderte Bestimmungen ersetzen. Wenn Sie
* die oben genannten Bestimmungen nicht löschen, ist ein Empfänger darf Ihre Version dieser Datei unter
* den Bedingungen einer der MPL, der GPL oder der LGPL verwenden
*
* ***** END LICENSE BLOCK ***** */
@namespace url(http://www.w3.org/1999/xhtml); /* Standard-Namespace auf HTML setzen */
/* bidi */
[dir="rtl"] {
Richtung: rtl;
unicode-bidi: embed; }
bdo[dir] {
unicode-bidi: bidi-override;
}
/* Blöcke */
html, div, map, dt, isindex, form {
display: block;
}
display: block;
}
p, dl, multicol {
display: block; margin: 1em 0;
dd {
-moz-margin-start: 40px; 🎜>Rand: 1em 40px;}
Anzeige: Block;
Schriftart: Kursiv;
Anzeige: Block; >text-align: -moz-center;
blockquote[type=cite] {
display: block
margin: 1em 0px; ;
-moz-border-start: solid;
border-width: dünn
}
span[_moz_quote=true] {
color: blau;
}
pre[_moz_quote=true] {
color: blue;
h1 {
font-size: 2em; >Schriftstärke: fett;
Rand: .67em 0;
h2 {
Schriftgröße: 1,5em; ;
Rand: .83em 0;
h3 {
Schriftgröße: 1,17em;
Rand: 1em 0;
}
h4 {
display: block;
marge: 1.33em 0;
display : Block;
Schriftgröße: 0,83em;
Rand: 1,67em 0;
Anzeige: Block; Schriftgröße: 0,67em;
Rand: 2,33em 0; -fixed;
font-size: medium;
margin: 1em 0; 🎜>font-family: -moz-fixed;
white-space: pre;
margin: 1em 0;
/* tables */
table {
display: table;
border-spacing: separate;
margin-bottom: 0;
/* XXXldb 're border-collapse:collapse ? */
-moz-box-sizing: border-box;
text-indent: 0;
table[align="left"] {
float: left;
}
table[align="right"] {
float: right;
text-align: start; not([rules="none"]) {
border-collapse: collapse
}
/* caption erbt von der Tabelle, nicht von table-outer */
caption {
display: table-caption;
Textausrichtung: Mitte;
-moz-box-sizing: border-box;
}
table[align="center"] > caption {
margin-left: auto;
margin-right: auto;
}
table[align="center"] > caption[align="left"] {
margin-right: 0;
}
table[align="center"] > caption[align="right"] {
margin-left: 0;
}
tr {
display: table-row;
vertikal-align: inherit;
}
col {
display: table-column;
}
colgroup {
display: table-column-group;
}
tbody {
display: table-row-group;
vertikal ausrichten: Mitte;
}
thead {
display: table-header-group;
vertikal ausrichten: Mitte;
}
tfoot {
display: table-footer-group;
vertikal ausrichten: Mitte;
}
/* für XHTML-Tabellen ohne Tbody */
table > tr {
vertical-align: middle;
}
td {
display: table-cell;
vertikal-align: inherit;
text-align: inherit;
Auffüllung: 1px;
}
th {
display: table-cell;
vertikal-align: inherit;
Schriftstärke: fett;
Auffüllung: 1px;
}
tr > form:-moz-is-html, tbody > form:-moz-is-html,
thead > form:-moz-is-html, tfoot > form:-moz- is-html,
table > form:-moz-is-html {
/* Wichtig: Diese Formulare nicht in HTML anzeigen */
display: none !important;
}
/* inlines */
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
b, stark {
Schriftstärke: fetter;
}
i, cite, em, var, dfn {
font-style: italic;
}
tt, code, kbd, samp {
font-family: -moz-fixed;
}
u, ins {
text-decoration: underline;
}
s, Strike, del {
text-decoration: line-through;
}
blink {
text-decoration: blink;
}
groß {
Schriftgröße: größer;
}
klein {
Schriftgröße: kleiner;
}
sub {
vertical-align: sub;
Schriftgröße: kleiner;
Zeilenhöhe: normal;
}
sup {
vertikal-align: super;
Schriftgröße: kleiner;
Zeilenhöhe: normal;
}
nobr {
white-space: nowrap;
}
/* titles */
abbr[title], acronym[title] {
border-bottom: dotted 1px;
}
/* listet */
ul, menu, dir {
display: block;
list-style-type: disc;
Marge: 1em 0;
-moz-padding-start: 40px;
}
ol {
display: block;
list-style-type: dezimal;
Marge: 1em 0;
-moz-padding-start: 40px;
}
li {
display: list-item;
}
/* 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 Menü, ol dl,
dir ul, dir ol, dir dir, dir Menü, dir dl,
Menü ul, Menü ol, Menü dir, Menü Menü, Menü dl,
dl ul, dl ol, dl dir, dl menu, dl dl {
margin-top: 0;
Rand unten: 0;
}
/* 2 tiefe ungeordnete Listen verwenden einen Kreis */
ol ul, ul ul, menu ul, dir ul,
ol-Menü, ul-Menü, Menü-Menü, Dir-Menü,
ol dir, ul dir, menu dir, dir dir {
list-style-type: Circle;
}
/* 3 tiefe (oder mehr) ungeordnete Listen verwenden ein Quadrat */
ol ol ul, ol ul ul, ol menu ul, ol dir ul,
ol ol menu, ol ul Menü, ol Menü Menü, ol Dir Menü,
ol ol Dir, ol ul Dir, ol Menü 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 menü dir, ul dir dir,
menu ol ul, menü ul ul, menü menü ul , Menüverzeichnis ul,
Menü ol Menü, Menü ul Menü, Menü Menü Menü, Menüverzeichnis Menü,
Menü ol Verzeichnis, Menü ul Verzeichnis, Menü Menüverzeichnis, Menüverzeichnis Verzeichnis,
dir ol ul, dir ul ul, dir menu ul, dir dir ul,
dir ol menu, dir ul menu, dir menu menu, dir dir menu,
dir ol dir, dir ul dir, dir menu dir, dir dir dir {
Listenstiltyp: quadratisch;
}
/* Blätter */
/*

---

noshade- und Farbattribute werden vollständig von
* dem nsHTMLHRElement-Attributzuordnungscode verarbeitet
*/
hr {
Anzeige: Block;
Höhe: 2px;
Rand: 1 Pixel Einschub;
Marge: 0,5em automatisch 0,5em automatisch;
Farbe: grau;
-moz-float-edge: margin-box;
-moz-box-sizing: border-box;
}
hr[size="1"] {
border-style: solid none none none;
}
*|*:-moz-any-link img, img[usemap], object[usemap] {
border: 2px solid;
}
img:-moz-broken::before, input:-moz-broken::before,
img:-moz-user-disabled::before, input:-moz-user-disabled ::before,
img:-moz-loading::before, input:-moz-loading::before,
applet:-moz-empty-exclusive-children-with-localname(param):-moz -broken::before,
applet:-moz-empty-exclusive-children-with-localname(param):-moz-user-disabled::before {
content: -moz-alt-content !important ;
unicode-bidi: einbetten;
}
object:-moz-broken > *|*, applet:-moz-broken > *|*
object:-moz-user-disabled > *|*, applet:-moz-user-disabled > *|* {
/*
Erbt die Ausrichtung des Objekts, sodass wir, wenn wir nicht explizit ausgerichtet sind,
vertikal an der richtigen Stelle landen. Siehe Fehler 36997. Beachten Sie, dass dies
nicht wichtig ist, da wir möglicherweise explizit ausgerichtet werden.
*/
vertikal-align: inherit;
}
img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,
embed:-moz-suppressed, applet:-moz-suppressed {
/*
Stellen Sie auch die Sichtbarkeit ein, falls sich die Seite ändert. Beachten Sie, dass wir _möglicherweise_
nur die Sichtbarkeit festlegen und nicht generell anzeigen möchten, wenn wir feststellen, dass
display:none zu viele Layouts beschädigt. Und wenn wir zu dem Schluss kommen, dass wir wirklich möchten, dass
den Leuten die Möglichkeit gegeben wird, mit der rechten Maustaste auf blockierte Bilder usw. zu klicken, müssen wir
keines von beiden festlegen und den Malcode hacken.... :(
*/
Anzeige: keine !important;
Sichtbarkeit: ausgeblendet !important;}
img[usemap], object[usemap] {
Farbe: blau; {
Anzeige: -moz-hidden-unscrollable;
Float: keine! 🎜>}
Frame {
Rahmen: keiner ! wichtig;
}
spacer {
float: none !
canvas {
-moz-user-select: none; >}
/* fokussierbarer Inhalt: alles mit tabindex >=0 ist fokussierbar */
abbr:focus, acronym:focus, address:focus, applet:focus, b:focus,
base:focus , big:focus, blockquote:focus, br:focus, canvas:focus, caption:focus,
center:focus, cite:focus, code:focus, col:focus, colgroup:focus, dd:focus,
del:focus, dfn:focus, dir:focus, div:focus, dl:focus, dt:focus, em:focus,
fieldset:focus, font:focus, form:focus, h1:focus, h2: focus, h3:focus, h4:focus,
h5:focus, h6:focus, hr:focus, i:focus, img:focus, ins:focus,
kbd:focus, label:focus, legend: focus, li:focus, link:focus, menu:focus,
object:focus, ol:focus, p:focus, pre:focus, q:focus, s:focus, samp:focus,
small: focus, span:focus, Strike:focus, strong:focus, sub:focus, sup:focus,
table:focus, tbody:focus, td:focus, tfoot:focus, th:focus, thead:focus,
tr:focus, tt:focus, u:focus, ul:focus, var:focus {
/* Geben Sie nicht die Umrissfarbe an, wir sollten immer den Anfangswert verwenden. */
Umriss: 1 Pixel gepunktet;
}
/* versteckte Elemente */
area, base, basefont, head, meta, script, style, title,
noembed, param {
display: none;
}
/* Emulation eines nicht standardmäßigen HTML-
-Tags */
marquee {
width: -moz-available;
Anzeige: Inline-Block;
vertikal ausrichten: Text unten;
text-align: start;
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee.xml#marquee-horizontal');
}
marquee[direction="up"], marquee[direction="down"] {
-moz-binding: url('chrome://xbl-marquee/content/xbl-marquee. xml#marquee-vertical');
Höhe: 200px;
}
/* NUR DRUCKEN Regeln folgen */
@media print {
marquee { -moz-binding: none; }
/* XXX das sollte nicht nötig sein, wir sollten aufhören zu blinken jeglicher Art in der Druckvorschau, nicht nur das
-Element */
blink {
text-decoration: none ;
}
}