Erste Schritte zum perfekten CSS

Immer wieder werde ich von Freunden und Bekannten gefragt, was mein erster Schritt bei der Gestaltung einer Website ist. Nach langem Kopfzerbrechen ist mir die Banalität der Antwort aufgefallen: Ich resette zuerst einmal die Standardformatierungen der “normalen” HTML-Tags, bevor ich damit beginne, die auf einem traditionellen Block entstandenen Skizzen umsetze…

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}

blockquote, q {
quotes: “” “”;
}

Kommentare

Schreibe einen Kommentar