For webpage design, refer to firefox default style _ HTML/Xhtml _ webpage Creation

Browsers will parse and render the labels in the webpage according to their predefined styles. firefox can get the default style table of firefox by entering the resource: grereshtml.css command in the address bar. Although w3c has developed some html standards: browsers will parse and render tags in the webpage according to their predefined styles, firefox can input resource in the address bar: // gre/res/html.css command to obtain the default firefox style sheet. How nice it would be if ie had this command too! You can also enter this command in the address bar of firefox of different versions to compare the differences between firefox versions. This gives us an important reference when Reset CSS.
/****** Begin license block *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except T in compliance
* The License. You may be obtain a copy of the License
* Http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "as is" basis,
* Without warranty of any kind, either express or implied. See the License
* For the specific language governing rights and limitations under
* License.
*
* The Original Code is invalid illa.org code.
*
* The Initial Developer of the Original Code is
* Netscape Communications Corporation.
* Portions created by the Initial Developer are Copyright (C) 1998
* The Initial Developer. All Rights Reserved.
*
* Contributor (s ):
* Blake Ross
*
* Alternatively, the contents of this file may be used under the terms
* Either of the GNU General Public License Version 2 or later (the "GPL "),
* Or the GNU Lesser General Public License Version 2.1 or later (the "LGPL "),
* In which case the provisions of the GPL or the LGPL are applicable instead
* Of those above. If you wish to allow use of your version of this file only
* Under the terms of either the GPL or the LGPL, and not to allow others
* Use your version of this file under the terms of the MPL, indicate your
* Demo-by deleting the provisions abve and replace them with the notice
* And other provisions required by the GPL or the LGPL. If you do not delete
* The provisions above, a recipient may use your version of this file under
* The terms of any one of the MPL, the GPL or the LGPL.
*
* ***** End license block ******/
@ Namespace url (http://www.w3.org/1999/xhtml);/* set default namespace to HTML */
/* Bidi */
[Dir = "rtl"] {
Direction: rtl;
Unicode-bidi: embed;
}
[Dir = "ltr"] {
Direction: ltr;
Unicode-bidi: embed;
}
Bdo [dir] {
Unicode-bidi: bidi-override;
}
/* Blocks */
Html, p, map, dt, isindex, form {
Display: block;
}
Body {
Display: block;
Margin: 8px;
}
P, dl, multicol {
Display: block;
Margin: 1em 0;
}
Dd {
Display: block;
-Moz-margin-start: 40px;
}
Blockquote {
Display: block;
Margin: 1em 40px;
}
Address {
Display: block;
Font-style: italic;
}
Center {
Display: block;
Text-align:-moz-center;
}
Blockquote [type = cite] {
Display: block;
Margin: 1em 0px;
-Moz-padding-start: 1em;
-Moz-border-start: solid;
Border-color: blue;
Border-width: thin;
}
Span [_ quote = true] {
Color: blue;
}
Pre [_ blank _quote = true] {
Color: blue;
}
H1 {
Display: block;
Font-size: 2em;
Font-weight: bold;
Margin:. 67em 0;
}
H2 {
Display: block;
Font-size: 1.5em;
Font-weight: bold;
Margin:. 83em 0;
}
H3 {
Display: block;
Font-size: 1.17em;
Font-weight: bold;
Margin: 1em 0;
}
H4 {
Display: block;
Font-weight: bold;
Margin: 1.33em 0;
}
H5 {
Display: block;
Font-size: 0.83em;
Font-weight: bold;
Margin: 1.67em 0;
}
H6 {
Display: block;
Font-size: 0.67em;
Font-weight: bold;
Margin: 2.33em 0;
}
Listing {
Display: block;
Font-family:-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 {
Display: table;
Border-spacing: 2px;
Border-collapse: separate;
Margin-top: 0;
Margin-bottom: 0;
/* XXXldb do we want this if we'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;
}
/* Caption inherits from table not table-outer */
Caption {
Display: table-caption;
Text-align: center;
-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;
Vertical-align: inherit;
}
Col {
Display: table-column;
}
Colgroup {
Display: table-column-group;
}
Tbody {
Display: table-row-group;
Vertical-align: middle;
}
Thead {
Display: table-header-group;
Vertical-align: middle;
}
Tfoot {
Display: table-footer-group;
Vertical-align: middle;
}
/* For XHTML tables without tbody */
Table> tr {
Vertical-align: middle;
}
Td {
Display: table-cell;
Vertical-align: inherit;
Text-align: inherit;
Padding: 1px;
}
Th {
Display: table-cell;
Vertical-align: inherit;
Font-weight: bold;
Padding: 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: don't show these forms in HTML */
Display: none! Important;
}
/* Inlines */
Q: before {
Content: open-quote;
}
Q: after {
Content: close-quote;
}
B, strong {
Font-weight: bolder;
}
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;
}
Big {
Font-size: larger;
}
Small {
Font-size: smaller;
}
Sub {
Vertical-align: sub;
Font-size: smaller;
Line-height: normal;
}
Sup {
Vertical-align: super;
Font-size: smaller;
Line-height: normal;
}
Nobr {
White-space: nowrap;
}
/* Titles */
Abbr [title], acronym [title] {
Border-bottom: dotted 1px;
}
/* Lists */
Ul, menu, dir {
Display: block;
List-style-type: disc;
Margin: 1em 0;
-Moz-padding-start: 40px;
}
Ol {
Display: block;
List-style-type: decimal;
Margin: 1em 0;
-Moz-padding-start: 40px;
}
Li {
Display: list-item;
}
/* Nested lists have no top/bottom margins */
Ul, ul ol, ul dir, ul menu, ul dl,
Ol ul, ol, ol dir, ol menu, ol dl,
Dir ul, dir ol, dir, dir menu, dir dl,
Menu ul, menu ol, menu dir, menu, menu dl,
Dl ul, dl ol, dl dir, dl menu, dl {
Margin-top: 0;
Margin-bottom: 0;
}
/* 2 deep unordered lists use a circle */
Ol ul, ul, menu ul, dir ul,
Ol menu, ul menu, menu, dir menu,
Ol dir, ul dir, menu dir, dir {
List-style-type: circle;
}
/* 3 deep (or more) unordered lists use a square */
Ol ul, ol ul, ol menu ul, ol dir ul,
Ol menu, ol ul menu, ol menu, ol dir menu,
Ol dir, ol ul dir, ol menu dir, ol dir,
Ul ol ul, ul, ul menu ul, ul dir ul,
Ul ol menu, ul dir menu,
Ul ol dir, ul dir, ul menu dir, ul dir,
Menu ol ul, menu dir ul,
Menu ol menu, menu ul menu, menu, menu dir menu,
Menu ol dir, menu ul dir, menu dir, menu dir,
Dir ol ul, dir ul, dir menu ul, dir ul,
Dir ol menu, dir ul menu, dir menu, dir menu,
Dir ol dir, dir ul dir, dir menu dir, dir {
List-style-type: square;
}
/* Leafs */
/* Noshade and color attributes are handled completely
* The nsHTMLHRElement attribute mapping code
*/
Hr {
Display: block;
Height: 2px;
Border: 1px inset;
Margin: 0.5em auto 0.5em auto;
Color: gray;
-Moz-float-edge: margin-box;
-Moz-box-sizing: border-box;
}
Hr [size = "1"] {
Border-style: solid 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-example T-children-with-localname (param):-moz-broken: before,
Applet:-moz-empty-Modify T-children-with-localname (param):-moz-user-disabled: before {
Content:-moz-alt-content! Important;
Unicode-bidi: embed;
}
Object:-moz-broken> * | *, applet:-moz-broken> * | *
Object:-moz-user-disabled> * | *, applet:-moz-user-disabled> * | *{
/*
Inherit in the object's alignment so that if we aren't aligned explicitly
We'll end up in the right place vertically. See bug 36997. Note that this
Is not! Important because we _ might _ be aligned explicitly.
*/
Vertical-align: inherit;
}
Img:-moz-suppressed, input:-moz-suppressed, object:-moz-suppressed,
Embed:-moz-suppressed, applet:-moz-suppressed {
/*
Set visibility too in case the page changes display. Note that we _ may _
Want to just set visibility and not display, in general, if we find that
Display: none breaks too controls layouts. And if we decide we really do want
People to be able to right-click blocked images, etc, we need to set
Neither one, and hack the painting code ....:(
*/
Display: none! Important;
Visibility: hidden! Important;
}
Img [usemap], object [usemap] {
Color: blue;
}
Frameset {
Display: block! Important;
Overflow:-moz-hidden-unscrollable;
Position: static! Important;
Float: none! Important;
Border: none! Important;
}
Frame {
Border: none! Important;
}
Iframe {
Border: 2px inset;
}
Noframes {
Display: none;
}
Spacer {
Position: static! Important;
Float: none! Important;
}
Canvas {
-Moz-user-select: none;
}
/* Focusable content: anything w/tabindex> = 0 is focusable */
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, p: 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 {
/* Don't specify the outline-color, we shoshould always use initial value .*/
Outline: 1px dotted;
}
/* Hidden elements */
Area, base, basefont, head, meta, script, style, title,
Noembed, param {
Display: none;
}
/* Emulation of non-standard HTML Tag */
Marquee {
Width:-moz-available;
Display: inline-block;
Vertical-align: text-bottom;
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 ');
Height: 200px;
}
/* Print only rules follow */
@ Media print {
Marquee {-moz-binding: none ;}
/* XXX this shocould not be necessary, we shocould be stopping blinking
Of any kind in print preview, not just Element */
Blink {
Text-decoration: none;
}
}