Standardstilanordnung der HTML-Tags_HTML/Xhtml_Webseitenproduktion

html, Adresse, Blockquote, Körper, dd, div, dl, dt, Fieldset, Form, Frame, Frameset, H1, H2, H3, H4, H5, H6, Noframes, Ol, P, Ul, Center, Dir, HR, menu, pre { display: block }/*Die oben genannten Listenelemente werden standardmäßig in Blockform angezeigt, und diejenigen, die nicht angezeigt werden, werden als Inline-Elemente angezeigt. Diese Liste gilt für die HTML4-Version und einige Elemente sind veraltet XHTML1*/
li { display: list-item }/*Standardmäßig wird es in einer Liste angezeigt*/
head { display: none }/*Standardmäßig wird es nicht angezeigt*/
table { display: table }/*Die Standardeinstellung ist die Anzeige in einer Tabelle*/
tr { display: table-row }/*Die Standardeinstellung ist die Anzeige von Tabellenzeilen*/
thead { display: table-header-group } /*Die Standardeinstellung ist die Gruppenanzeige der Tabellenköpfe*/
tbody { display: table-row-group }/*Die Standardeinstellung ist die Gruppenanzeige der Tabellenzeilen*/
tfoot { display: table-footer-group } /*Die Standardeinstellung ist die Gruppenanzeige am Ende der Tabelle*/
col { display: table-column }/* Die Standardeinstellung ist die Tabellenspaltenanzeige*/
colgroup { display: table-column-group } /*Die Standardeinstellung ist die Tabellenspaltengruppenanzeige*/

td, th { display: table-cell }/*Standardanzeige für Zellen*/

caption { display: table-caption }; /*Standard für die Anzeige von Tabellentiteln*/

th { Font-Weight: Bolder; Text-Align: Center }/ *Standardmäßig wird der Tabellentitel fett und zentriert angezeigt*/
caption { text-align: center }/*Standardmäßig wird der Tabellentitel zentriert angezeigt*/
body { margin: 8px line-height : 1.12 }
h1 { font-size: 2em; Rand: .67em 0 }
h2 { Schriftgröße: 1,5em; Rand: .75em 0 }
h3 { Schriftgröße: 1,17em; Rand: .83em 0 } , blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 }
h5 { Font-Size: .83em: 1.5 em 0 }
h6 { Font-Size: .75em; Rand: 1,67em 0 }
h1, h2, h3, h4, h5, h6, b,strong { Schriftstärke: fetter }
blockquote { margin-left: 40px; margin-right: 40px }
i, cite, em,var, address { Schriftart: kursiv }
pre, tt, code, kbd, samp { Schriftart: monospace }
pre { Leerzeichen: pre }
Schaltfläche, Textbereich, Eingabe, Objekt, Auswahl { display:inline-block }
groß { Schriftgröße: 1,17em }
klein, sub , sup { Schriftgröße: .83em }
sub { Vertical-align: Sub }/*Definieren Sie das Unterelement, das standardmäßig tiefgestellt angezeigt werden soll*/
sup { Vertical-align: Super }/*Definieren Sie das Unterelement, das standardmäßig angezeigt werden soll Hochgestellt anzeigen */
table { border-spacing: 2px; }
thead, tbody, tfoot { Vertical-align: middle }/*Definieren Sie, dass die Tabellenkopf-, Haupttabellen- und Tabellenfußelemente standardmäßig vertikal ausgerichtet werden* /
td , th { Vertical-align: inherit }/*Zellen und Spaltentitel so definieren, dass sie standardmäßig vertikal ausgerichtet und standardmäßig geerbt werden*/
s, Strike, del { Text-Decoration: Line-Through }/* Definieren Sie diese Elemente standardmäßig als durchgestrichen angezeigt werden*/

hr { border: 1px inset }/* Definieren Sie die Trennlinie standardmäßig als 1px breiten konkaven 3D-Kanteneffekt*/

ol, ul , dir, menu, dd { margin-left: 40px }

ol { list-style-type: decimal }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin- bottom: 0 }
u, ins { text-decoration: underline }
br:before { content: ""A" }/*Definieren Sie den Pseudoobjekt-Inhaltsstil des Zeilenumbruchelements*/
:before, : after { white-space: pre-line }/*Definieren Sie den Standardstil von Pseudoobjekt-Leerzeichen*/
center { text-align: center }
abbr, acronym { Font- Variante: Kapitälchen; Buchstabenabstand: 0,1em }
:link, :visited { text-decoration: underline }
:focus { Outline: Thin Dotted Invert }
/* Beginnen Sie mit den Bidirektionalitätseinstellungen (do nicht ändern) */
BDO[DIR="ltr"] { Direction: ltr; unicode-bidi: bidi-override }/*Definieren Sie die Standardanzeigereihenfolge für Textlesen und -schreiben des BDO-Elements, wenn sein Attribut DIR= ist "ltr"*/
BDO[ DIR="rtl"] { Direction: rtl; unicode-bidi: bidi-override }/*Definieren Sie die Standardanzeigereihenfolge für Textlesen und -schreiben des BDO-Elements, wenn sein Attribut DIR= ist "rtl"*/
*[DIR= "ltr"] { Direction: ltr unicode-bidi: embed }/*Definieren Sie die Standard-Anzeigereihenfolge für Textlesen und -schreiben für jedes Element, wenn sein Attribut DIR="ltr" ist */
*[DIR="rtl"] { Direction: rtl; unicode-bidi: embed }/*Definieren Sie die Standard-Anzeigereihenfolge für Textlesen und -schreiben eines Elements, wenn sein Attribut DIR="rtl"*/
@media print { /*Definieren Sie den Standarddruckstil für Titel und Liste*/
h1 { Seitenumbruch vor: immer }
h1, h2, h3, h4, h5, h6 { Seite -break-after: Vermeidung }
ul, ol, dl { page-break-before: Vermeidung }
}


Browser-Standardstil
1 . Seitenrand
IE-Standard ist 10 Pixel, übergeben Die Randattributeinstellung des Körpers
FF ist standardmäßig 8 Pixel und die Auffüllattributeinstellung des Körpers
Um die Seitenränder zu löschen, müssen Sie diese beiden Attribute löschen Werte​​

Code kopierenDer Code lautet wie folgt:

Körper {

margin:0;
padding:0;
}


2. Der Absatzabstand
IE ist standardmäßig auf 19 Pixel eingestellt und wird durch das Attribut „margin-top“ von p festgelegt.
FF ist standardmäßig auf 1,12 em eingestellt und wird durch das Attribut „margin-bottom“ von p festgelegt.
p ist standardmäßig auf Blockanzeige eingestellt , Um den Absatzabstand zu löschen, können Sie im Allgemeinen

Kopieren Sie den Code

Der Code lautet wie folgt:

p {
margin-top:0;
margin-bottom:0;
}

3 Fettanzeige: Schriftstärke :bold;.
Die Standardgröße entnehmen Sie bitte der Tabelle oben
Sie wird auch so geschrieben

Kopieren Sie den CodeDer Code lautet wie folgt:

h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size :large;}
h4 {font-size:medium;}
h5 {font-size:small;}
h6 {font-size:x-small;}

Die Standardschriftgröße des großen Browsers beträgt 16 Pixel. Standardmäßig werden h1~h6-Elemente in der Blockschriftart fett angezeigt.
Um den Titelstil zu löschen, können Sie im Allgemeinen

festlegen

Code kopierenDer Code lautet wie folgt:

hx {
font-weight:normal
font-size:value;
}

4. IE ist standardmäßig auf 40 Pixel eingestellt, festgelegt durch die Randattribute von ul und ol.
FF ist standardmäßig auf 40 Pixel eingestellt. festgelegt durch die Füllattribute von ul und ol
dl hat keine Einrückung, aber das interne Beschreibungselement dd ist standardmäßig um 40 Pixel eingerückt, während das Namenselement dt nicht eingerückt ist.
Um den Listenstil zu löschen, können Sie im Allgemeinen

Code kopieren Der Code lautet wie folgt:

ul, ol, dd {

list-style-type:none;/*Listenstilzeichen löschen*/
margin-left:0;/*Linken IE-Einzug löschen*/
padding- left:0;/*Nicht-IE-linken Einzug löschen*/
}


5. IE ist standardmäßig text-align:center; >FF ist standardmäßig auf „margin -left:auto;margin-right:auto;“ eingestellt.

Ein Stil ist standardmäßig unterstrichen und die Anzeigefarbe ist blau Löschen Sie den Link-Stil. Im Allgemeinen können Sie Folgendes festlegen:





Kopieren Sie den Code

Der Code lautet wie folgt: a { text-decoration:none;

color:#colorname;}

7 Mausstil
IE verwendet standardmäßig den Cursor:hand
FF ist standardmäßig Cursor:Zeiger ;. Diese Aussage gilt auch im IE

8 Bild-Link-Stil

IE verwendet standardmäßig eine violette 2-Pixel-Randlinie
FF verwendet standardmäßig eine blaue 2-Pixel-Randlinie
Um den Bild-Link-Stil im Allgemeinen zu löschen Sie können
img {
border:0;