HTML and CSS Reference
In-Depth Information
Der CSS-Code des Less CSS Framework im Detail
Als Erstes werfen Sie einen Blick in den CSS-Code des Less Frameworks:
/* Less Framework 4
http://lessframework.com
by Joni Korpi
License: http://opensource.org/licenses/mit-license.php*/
Neben dem Copyright-Hinweis findet sich hier auch die Information über die Lizen-
zierung des Frameworks. Less ist »Open Source«, veröffentlicht unter der MIT-Lizenz.
Das bedeutet, Sie dürfen den Code nach Belieben einsetzen und modifizieren. Aller-
dings muss der Copyright-Hinweis in der Datei erhalten bleiben.
/* Resets
------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
a img {border: 0;}
Listing 4.1 Die Standardformatierungen werden mithilfe eines »Resets« zurückgesetzt.
Als Nächstes folgt ein sogenannter Reset . Alle Browser wenden automatisch Standard-
eigenschaften auf bestimmte Elemente, wie z. B. Überschriften und Paragrafen an.
Deswegen ist es sinnvoll, Abstände, Ränder und Zwischenräume sämtlicher Ele-
mente zu Anfang auf Null zurückzusetzen, zu »resetten«. Des Weiteren werden wei-
tere Elemente auf display:block gesetzt, um auch hier Darstellungsunterschiede zu
Search WWH ::




Custom Search