Référence de conception Web Firefox style par défaut_HTML/Xhtml_production de pages Web

Bien que le w3c ait formulé certaines normes pour HTML : les navigateurs analyseront et restitueront les balises dans les pages Web selon leurs propres styles prédéfinis. Firefox peut l'obtenir en entrant la commande resource://gre/res/html.css dans la barre d'adresse de Firefox. feuille de style par défaut. Ce serait génial si IE avait également cette commande ! Vous pouvez également saisir cette commande dans la barre d'adresse des différentes versions de Firefox, afin de pouvoir comparer les différences entre les différentes versions de Firefox. Cela nous donne une référence importante lors de la réinitialisation du CSS.
/* ***** COMMENCER LE BLOC DE LICENCE *****
* Version : MPL 1.1/GPL 2.0/LGPL 2.1
*
* Le contenu de ce fichier est soumis à la réglementation Mozilla Version de licence publique
* 1.1 (la « Licence ») ; vous ne pouvez pas utiliser ce fichier sauf en conformité avec
* la Licence. Vous pouvez obtenir une copie de la Licence sur
* http://www. .mozilla.org/MPL/
*
* Le logiciel distribué sous la licence est distribué « TEL QUEL »,
* SANS GARANTIE D'AUCUNE SORTE, expresse ou implicite Voir la licence * pour la langue spécifique régissant les droits et les limitations en vertu de la
* Licence
*
* Le code original est le code mozilla.org
*
* Le développeur initial du code original. est
* Netscape Communications Corporation
* Les parties créées par le développeur initial sont protégées par Copyright (C) 1998
* le développeur initial
*
* Contributeur(s) :
* Blake Ross
*
* Alternativement, le contenu de ce fichier peut être utilisé selon les termes de
* soit de la licence publique générale GNU version 2 ou ultérieure (la "GPL "),
* ou la GNU Lesser General Public License version 2.1 ou ultérieure (la "LGPL"),
* auquel cas les dispositions de la GPL ou de la LGPL sont applicables à la place
* de celles ci-dessus . Si vous souhaitez autoriser l'utilisation de votre version de ce fichier uniquement
* selon les termes de la GPL ou de la LGPL, et ne pas autoriser d'autres personnes à
* utiliser votre version de ce fichier selon les termes de la . MPL, indiquez votre
* décision en supprimant les dispositions ci-dessus et remplacez-les par la mention
* et les autres dispositions requises par la GPL ou la LGPL Si vous ne supprimez pas
* les dispositions ci-dessus, un destinataire. peut utiliser votre version de ce fichier sous
* les termes de l'une des MPL, GPL ou LGPL
*
* ***** FIN DU BLOC DE LICENCE ***** */.
@namespace url(http://www.w3.org/1999/xhtml); /* définit l'espace de noms par défaut sur HTML */
/* bidi */
[dir="rtl"] {
direction: rtl;
unicode-bidi: embed;
}
[dir="ltr"] {
direction: ltr;
unicode-bidi:
}
bdo[dir] {
unicode-bidi: bidi-override;
}
/* blocs */
html, div, map, dt, isindex, form {
display: block;
}
body {
display: block;
margin: 8px;
p, dl, multicol {
display: block
margin : 1em 0 ;
}
dd {
affichage : bloc ;
-moz-margin-start : 40px 
}
blockquote {
affichage : bloc ; 🎜>marge : 1em 40px ;
}
adresse {
affichage : bloc text-align: -moz-center;
}
blockquote[type=cite] {
display: block
margin: 1em 0px; ;
-moz-border-start: solid;
border-color: bleu
border-width: fine
}
span[_moz_quote=true] {
color: bleu;
}
pre[_moz_quote=true] {
couleur : bleu
}
h1 {
affichage : bloc
taille de la police : 2em ; >font-weight : gras ;
marge : .67em 0 ;
h2 {
affichage : bloc
font-size : 1,5em ;
font-weight : gras ; ;
marge : .83em 0 ;
}
h3 {
affichage : bloc
taille de la police :
poids de la police : gras ; 1em 0;
}
h4 {
affichage : bloc ;
police-poids : gras
marge : 1,33em 0 ;
h5 {
affichage; : block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;
h6 {
display: block
taille de la police : 0,67em ;
poids de la police : gras
marge : 2,33em 0 ;
}
listing {
affichage : bloc
famille de police : -moz -fixed;
font-size: medium;
white-space: pre;
margin: 1em 0;
xmp, pre, plaintext {
display: block font-family: -moz-fixed;
white-space: pre;
margin: 1em 0;
/* tables */
table {
affichage : table;
border-spacing: 2px;
border-collapse: Separate;
margin-top: 0;
margin-bottom: 0
/* XXXldb voulons-nous cela si nous '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
}
table[rules]: not([rules="none"]) {
border-collapse: collapse
}
/* la légende hérite de la table et non de la table-outer */
caption {
display: table-caption;
text-align : centre ;
-moz-box-sizing : border-box ;
}
table[align="center"] > caption {
margin-left: auto;
marge-droite : auto ;
}
table[align="center"] > caption[align="left"] {
margin-right : 0 ;
}
table[align="center"] > caption[align="right"] {
margin-left : 0;
}
tr {
affichage : ligne-table ;
alignement vertical : hériter ;
}
col {
affichage : tableau-colonne ;
}
colgroup {
display: table-column-group;
}
tbody {
display: table-row-group;
alignement vertical : milieu ;
}
thead {
display: table-header-group;
alignement vertical : milieu ;
}
tfoot {
affichage : table-footer-group ;
alignement vertical : milieu ;
}
/* pour les tableaux XHTML sans tbody */
table > tr {
vertical-align: middle;
}
td {
affichage : table-cell ;
alignement vertical : hériter ;
text-align : hériter ;
rembourrage : 1px ;
}
ième {
affichage : table-cell ;
alignement vertical : hériter ;
font-weight : gras ;
rembourrage : 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 {
/* Important : ne pas afficher ces formulaires en HTML */
display : none !important;
}
/* inlines */
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
b, strong {
font-weight : plus gras ;
}
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;
}
clignoter {
text-decoration : clignoter ;
}
big {
font-size : plus grand ;
}
small {
font-size : plus petit ;
}
sub {
vertical-align: sub;
taille de police : plus petite ;
hauteur de ligne : normale ;
}
sup {
alignement vertical : super ;
taille de police : plus petite ;
hauteur de ligne : normale ;
}
nobr {
espace blanc : nowrap ;
}
/* titres */
abbr[titre], acronyme[titre] {
border-bottom : pointillé 1px ;
}
/* listes */
ul, menu, dir {
display: block;
list-style-type : disque ;
marge : 1em 0 ;
-moz-padding-start : 40px ;
}
ol {
affichage : bloquer ;
list-style-type : décimal ;
marge : 1em 0 ;
-moz-padding-start : 40px ;
}
li {
affichage : élément de liste ;
}
/* les listes imbriquées n'ont pas de marges haut/bas */
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,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl {
margin-top : 0 ;
marge inférieure : 0 ;
}
/* 2 listes profondes non ordonnées utilisent un cercle */
ol ul, ul ul, menu ul, dir ul,
ol menu, ul menu, menu menu, dir menu,
ol dir, ul dir, menu dir, dir dir {
list-style-type: circle;
}
/* 3 listes non ordonnées profondes (ou plus) utilisent un carré */
ol ol ul, ol ul ul, ol menu ul, ol dir ul,
ol ol menu, ol ul menu, ol menu menu, ol dir menu,
ol ol dir, ol ul dir, ol menu dir, ol dir dir,
ul ol ul, ul ul ul, ul menu ul, ul dir ul,
ul ol menu, ul ul menu, ul menu menu, ul dir menu,
ul ol dir, ul ul dir, ul menu dir, ul dir dir,
menu ol ul, menu ul ul, menu menu ul , menu dir ul,
menu ol menu, menu ul menu, menu menu menu, menu dir menu,
menu ol dir, menu ul dir, menu menu dir, menu dir dir,
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 {
list-style-type : carré ;
}
/* leafs */
/*

---

les attributs noshade et color sont entièrement gérés par
* le code de mappage d'attribut nsHTMLHRElement
*/
hr {
affichage : bloc ;
hauteur : 2px ;
bordure : 1px en médaillon ;
marge : 0,5em auto 0,5em auto ;
couleur : gris ;
-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::avant, entrée:-moz-broken::avant,
img:-moz-user-disabled::avant, entrée:-moz-user-disabled ::avant,
img:-moz-loading::avant, input:-moz-loading::avant,
applet:-moz-empty-sauf-children-with-localname(param):-moz -broken::avant,
applet:-moz-empty-sauf-children-with-localname(param):-moz-user-disabled::before {
content: -moz-alt-content !important ;
unicode-bidi : intégrer ;
}
objet :-moz-broken > *|*, applet :-moz-broken > *|*
objet :-moz-user-disabled > *|*, applet :-moz-user-disabled > *|* {
/*
Hériter de l'alignement de l'objet pour que si nous ne sommes pas alignés explicitement
nous nous retrouverons au bon endroit verticalement. Voir le bug 36997. Notez que ce
n'est pas !important car nous _pourrons_ être alignés explicitement.
*/
vertical-align : hériter ;
}
img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,
embed:-moz-suppressed, applet:-moz-suppressed {
/*
Définissez également la visibilité au cas où la page changerait d'affichage. Notez que nous _pourrons_
vouloir simplement définir la visibilité et ne pas afficher, en général, si nous trouvons que
display:none casse trop de mises en page. Et si nous décidons que nous voulons vraiment que
les gens puissent cliquer avec le bouton droit sur les images bloquées, etc., nous devons définir
ni l'une ni l'autre et pirater le code de peinture.... :(
*/
affichage : aucun !important;
visibilité : cachée !important
}
img[usemap], object[usemap] {
couleur : bleu
}
frameset; {
affichage : bloc important ;
débordement : -moz-hidden-unscrollable ;
position : statique important ;
float : aucun important ; 🎜>}
frame {
border: none ! important;
}
iframe {
border: 2px inset;
noframes {
display: none;
}
spacer {
position : statique !
float : aucun important
}
canvas {
-moz-user-select : aucun ; >}
/* contenu focalisable : tout ce qui contient tabindex >=0 est focalisable */
abbr:focus, acronyme:focus, adresse: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, légende : 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 {
/* Ne spécifiez pas la couleur du contour, nous devons toujours utiliser la valeur initiale. */
contour : 1px en pointillé ;
}
/* éléments cachés */
area, base, basefont, head, meta, script, style, title,
noembed, param {
affichage : aucun ;
}
/* émulation de balise
HTML non standard */
marquee {
width: -moz-available;
affichage : bloc en ligne ; alignement vertical : texte en bas ;
text-align : démarrer ;
-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');
hauteur : 200px ;
}
/* Les règles IMPRIMER UNIQUEMENT suivent */
@media print {
marquee { -moz-binding: none; }
/* XXX cela ne devrait pas être nécessaire, nous devrions arrêter de clignoter
de toute sorte dans l'aperçu avant impression, pas seulement l'élément
*/
blink {
text-decoration: none ;
} }