1.Zurücksetzen
Verwenden Sie wirklich immer einen Reset, egal ob es sich um den Eric Meyer Reset, den YUI Reset oder Ihren eigenen benutzerdefinierten Reset handelt, verwenden Sie ihn unbedingt.
Dies kann so einfach sein wie das Entfernen der Rand- und Polsterattribute von allen Elementen:
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0;
Der Resets-Stil von Eric Meyer und YUI ist großartig, aber für mich geht er zu weit. Ich möchte, dass Sie alles löschen, bevor Sie viele Eigenschaften des Elements neu definieren. Das empfiehlt Eric Meyer. Wenn es eine effizientere Möglichkeit gibt, es zu verwenden, sollten Sie nicht einfach seine Stildatei nehmen und sie direkt in Ihr eigenes Projekt einfügen, sondern sie verfeinern, darauf aufbauen und zu Ihrem eigenen machen.
Oh, bitte mach das nicht noch einmal:
* { Rand: 0; Polsterung: 0;
Was wird Ihrer Meinung nach passieren, wenn Sie die Polsterung eines Optionsfelds entfernen? Formularelemente sehen manchmal unkonventionell aus, daher ist es am besten, sie so zu belassen, wie sie sind.
2. Sortieren Sie alphabetisch
ein kleiner Test
Welches der beiden folgenden Beispiele kann Ihrer Meinung nach die Position des Attributs „marge-right“ schneller finden?
Beispiel 1
div#header h1 {
Z-Index: 101;
Farbe: #000;
Position: relativ;
Zeilenhöhe: 24px;
Rand rechts: 48px;
border-bottom: 1px solid #dedede;
Schriftgröße: 18px;
}
Beispiel 2
div#header h1 {
border-bottom: 1px solid #dedede;
Farbe: #000;
Schriftgröße: 18px;
Zeilenhöhe: 24px;
Rand rechts: 48px;
Position: relativ;
Z-Index: 101;
}
Sagen Sie mir nicht, dass Beispiel 2 nicht so schnell ist wie Beispiel 1! Indem Sie die Eigenschaften dieser Stile alphabetisch sortieren, hilft Ihnen die Kohärenz, die Sie schaffen, die Zeit zu reduzieren, die Sie mit der Suche nach einer bestimmten Eigenschaft verbringen.
Ich weiß, dass einige Leute die Reihenfolge auf diese Weise organisieren, andere verwenden eine andere Methode, um die Reihenfolge der Stile zu organisieren. Aber in meinem Unternehmen haben wir einstimmig beschlossen, die Dinge alphabetisch zu sortieren. Dieser Ansatz wird auf jeden Fall für Sie funktionieren, wenn Sie gemeinsam mit anderen Code entwickeln. Ich hasse es jedes Mal, wenn ich ein Stylesheet sehe, das nicht alphabetisch sortiert ist, weil es chaotisch und unorganisiert aussieht ...