Einige Techniken und Problemlösungen, die in meiner eigenen Front-End-Entwicklung häufig verwendet werden, werden regelmäßig aktualisiert. Ich hoffe, dass sie für Freunde auf der Front-End-Straße hilfreich sein werden.
1. So zeigen Sie das Datum rechts in der Artikeltitelliste an (es stehen zwei Methoden zur Verfügung, deren Verwendung von der Situation abhängt):
Methode 1: Die Idee im zweiten Stock dieser Version (danke ~) verbraucht weniger Ressourcen und verfügt über zwei weitere Codezeilen.
<p>@Mr.ThinkDies ist der Titel des Artikels<span>2010-10-10</span></p>
CSS-Definition:
p{Position:relativ}
p span{position:absolute right:0}
Methode 2: Der Code ist kleiner als bei Methode 1, verbraucht jedoch mehr Ressourcen.
<p><span>2010-10-10</span>@Mr.ThinkDies ist der Titel des Artikels</p>
Definieren Sie dann den Spannen-Rechts-Float:
p span{float:right}
Tatsächlich kann diese Methode auf viele Situationen ausgeweitet werden und ist eine sehr praktische Schreibweise;
2. Gemäß Webstandards kann es auf derselben Seite nur ein h1-Tag geben. Viele Menschen kennen dieses Konzept, aber nur wenige machen es;
3. Das Problem, dass sich Leerraumränder überlappen: Dies wird im Allgemeinen durch das Hinzufügen eines transparenten Randes oder einer 1-Pixel-Auffüllung vermieden. Detaillierte Interpretation: http://mrthink.net/css-margin-overlying-way/ ;
4. Max/min-width/height wird unter ie6 implementiert, _width: expression(this.width >600 ? "600px" : true , height ist gleich);
5. html/class/id, es ist am besten, es in Kleinbuchstaben zu schreiben, was strenger ist (im Einklang mit dem xhtml-Standard);
6. Es wird nicht empfohlen, den folgenden Code zu verwenden, um mit IE8 kompatibel zu sein:
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Wenn es sich um eine nicht kurzfristige Seite handelt, vermeiden Sie deren Verwendung. Die Seite sollte so abwärtskompatibel wie möglich sein.