Tipps zur Verwendung von CSS, zusammengestellt von CSS-Neulingen

[Einführung] 1. Verwenden Sie keine Bilder, die zu klein für Hintergrundkacheln sind. Aus diesem Grund verwenden viele Leute 1px nicht, sondern wissen es einfach. Das Kacheln eines Bildes mit einer Breite und Höhe von 1 Pixel auf eine Fläche von 200 Pixel erfordert 200 * 200 = 40.000 Mal und beansprucht Ressourcen. 2. Keine Grenzen. Die empfohlene Schreibmethode ist

1. Verwenden Sie keine zu kleinen Bilder für Hintergrundkacheln. Aus diesem Grund verwenden viele Leute 1px nicht, sie wissen es einfach. Das Kacheln eines Bildes mit einer Breite und Höhe von 1 Pixel auf eine Fläche von 200 Pixel erfordert 200 * 200 = 40.000 Mal und beansprucht Ressourcen.

2. Keine Grenzen. Die empfohlene Schreibmethode ist border:none;, haha, das verwende ich ständig. border:0; definiert nur die Rahmenbreite als Null, aber der Rahmenstil und die Farbe werden weiterhin vom Browser analysiert und belegen Ressourcen.

3. Verwenden Sie den Platzhalter * mit Vorsicht. Der sogenannte Platzhalter dient dazu, alle Tags in CSS zu initialisieren, unabhängig davon, ob sie verwendet werden oder nicht, ob sie veraltet oder fortgeschritten sind, und sie werden gleich behandelt. Dies verbraucht viele Ressourcen. Es sollten optionale Initialisierungs-Tags vorhanden sein.

4. CSS-Hexadezimal-Farbcode-Abkürzung. Ich habe mich an Abkürzungen und Kleinbuchstaben gewöhnt und dann festgestellt, dass dies nicht die empfohlene Schreibweise ist, um den Ressourcenaufwand für die Analyse zu verringern. Es erhöht aber auch die Dateigröße. Welches besser oder schlechter ist, muss sorgfältig geprüft werden.

5. Platzieren Sie den Stil auf dem Kopf und die Schrift auf dem Fuß. Nicht eingebettet, nur externe Links.

6. Verwenden Sie niemals CSS-Ausdrücke.

7. Verwenden Sie diese Option, um auf das Stylesheet zu verweisen, anstatt es über @import zu importieren.

8. Im Allgemeinen ist PNG kleiner als GIF, viel kleiner. Andererseits lohnt es sich zu optimieren, wie viel Farbe in GIFs verschwendet wird.

9. Skalieren Sie niemals Bilder in HTML. Das eine sieht nicht gut aus und das andere beansprucht Ressourcen.

10. Für Textschriftarten verwenden Sie am besten gerade Zahlen, 12px, 14px, 16px, der Effekt ist sehr gut. Sonderfall, 15px.

11. Lassen Sie oberhalb und unterhalb von Block, ul, ol usw. mindestens einen Zeilenabstand, auf der linken Seite mindestens den doppelten Zeilenabstand, optional auf der rechten Seite.

12. Zwischen den Absätzen muss mindestens der doppelte Zeilenabstand liegen.

13. Geben Sie die Zeilenhöhe bestimmter Elemente zwangsweise an. Der Text sollte das 1,6-fache der Textgröße und der Titel das 1,3-fache betragen.

14. Verwenden Sie für chinesische Interpunktion die volle Breite. Englisch gemischt mit Chinesisch, linke und rechte Leerzeichen, halbe Breite.

15. Es ist besser, sich von fetten und kursiven chinesischen Schriftarten fernzuhalten, was für die Menschen und sich selbst von Vorteil ist.

Das obige ist der detaillierte Inhalt vonTipps zur Verwendung von CSS, zusammengestellt von CSS-Neulingen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!