Mein CSS-Framework – base.css (Browser-Standardstil zurücksetzen)

@Zeichensatz "utf-8";
/*
@Name: Basis
@Funktion: Browser-Standardstil zurücksetzen
*/
/* Verhindern Sie, dass Benutzer die Hintergrundfarbe der Webseite anpassen, und fügen Sie eine Methode hinzu, mit der Benutzer die Schriftart anpassen können*/
html {
Farbe: Schwarz;
Hintergrund: weiß;
}
/* Ränder führen normalerweise dazu, dass die Stile in verschiedenen Browsern unterschiedlich angezeigt werden */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
Rand: 0;
Polsterung: 0;
}
/* Beachten Sie, dass Formularelemente nicht die übergeordnete Schriftart erben*/
Körper, Schaltfläche, Eingabe, Auswahl, Textbereich {
Schriftart: 12px SimSun, Tahoma, Arial, serifenlos;
}
Eingabe, Auswahl, Textbereich {
Schriftgröße: 100 %;
}
/* Entfernen Sie die Ränder jeder Tabellenzelle und sorgen Sie dafür, dass sich ihre Kanten überlappen*/
Tisch {
Rahmen-Collapse:Collapse;
Rahmenabstand: 0;
}
/* IE-Fehler behoben: th erbt nicht die Textausrichtung*/
das {
Textausrichtung: erben;
}
/* Den Standardrahmen entfernen */
Feldsatz, Bild {
Rand: keiner;
}
/* ie6 7 8(q)-Fehler wird als Inline-Leistung angezeigt*/
iframe {
Anzeige:Block;
}
/* Entfernen Sie den Rand dieses Elements in Firefox*/
Abk., Akronym {
Rand: keiner;
Schriftvariante: normal;
}
/* einheitlicher Del-Stil */
del {
Textdekoration: durchgestrichen;
}
Adresse, Beschriftung, Zitat, Code, dfn, em, th, var {
Schriftstil: normal;
Schriftstärke: 500;
}
/* Entferne die Markierung vor der Liste, li wird sie übernehmen*/
ol,ul {
Listenstil: keiner;
}
/* Die Ausrichtung ist der wichtigste Faktor beim Schriftsatz, zentrieren Sie nicht alles*/
Beschriftung,th {
Textausrichtung: links;
}
/* Lassen Sie den Titel von Yahoo anpassen, um ihn an mehrere Systemanwendungen anzupassen*/
h1,h2,h3,h4,h5,h6 {
Schriftgröße: 100 %;
Schriftstärke: 500;
}
q:vorher,q:nachher {
Inhalt:'';
}
/* Hoch- und Tiefstellung vereinheitlichen */
unter, sup {
Schriftgröße: 75 %;
Zeilenhöhe: 0;
Position: relativ;
vertikale Ausrichtung: Grundlinie;
}
sup {
oben: -0,5em;
}
Unter {
unten: -0,25em;
}
/* Den Link beim Hovern unterstreichen*/
ein:schweben {
Textdekoration: Unterstreichen;
}
/*Unterstreichungen werden standardmäßig nicht angezeigt, um die Seite einfach zu halten*/
ins,a {
Textdekoration: keine;
}
/* Fokuspunktlinie in IE6 und 7 entfernen*/
a:Fokus,*:Fokus {
Umriss: keiner;
}
/* Floats löschen */
.clearfix:vorher,.clearfix:nachher {
Inhalt:"";
Anzeige:Tabelle;
}
.clearfix:nach {
klar: beides;
Überlauf: versteckt;
}
.klarfix {
zoom:1; /* für IE6 IE7 */
}
.klar{
klar: beides;
Anzeige:Block;
Überlauf: versteckt;
Höhe: 0;
Zeilenhöhe: 0;
Schriftgröße: 0;
}
/* Anzeige und Ausblenden festlegen, normalerweise in Verbindung mit JS verwendet*/
.verstecken {
Anzeige: keine !wichtig;
Sichtbarkeit: versteckt;
}
.block {
Anzeige:Block !wichtig;
}
/* Inline setzen, um durch Floating verursachte Fehler zu reduzieren */
.fl {
schweben: links;
Anzeige: Inline;
}
.fr {
schweben: rechts;
Anzeige: Inline;
}