私自身のフロントエンド開発で一般的に使用されているいくつかのテクニックと問題解決策が頻繁に更新されるので、フロントエンドの道に携わる友人に役立つことを願っています。
1. 記事タイトル一覧の右側に日付を表示する方法(2通りの方法があり、状況に応じて使い分けます):
方法 1: このバージョンの 2 階のアイデア (ありがとう~) では、消費するリソースが少なく、コードが 2 行増えています。
@Mr.Thinkこれは記事のタイトルです2010-10-10
CSS定義:
p{位置:相対}
p スパン{位置:絶対右:0}
方法 2: コードは方法 1 よりも少なくなりますが、より多くのリソースを消費します。
2010-10-10@Mr.Thinkこれは記事のタイトルです
次に、スパン右浮動小数点を定義します。
p スパン{float:right}
実際、この方法は多くの状況に拡張でき、非常に実用的な書き方です。
2. Web 標準によれば、同じページ内に存在できる h1 タグは 1 つだけです。多くの人がこの概念を知っていますが、実際に実行している人はほとんどいません。
3. 空白のマージンが互いに重なり合う問題: 通常、この問題は透明な境界線または 1 ピクセルのパディングを追加することで回避されます。詳細な解釈: http://mrthink.net/css-margin-overlying-way/ ;
4. Max/min-width/height は ie6 で実装されており、 _width:expression(this.width >600 ? "600px" : true); 高さは同じです。
5. html/class/id は、(xhtml 標準に準拠して) より厳密な小文字で記述するのが最善です。
6. IE8 と互換性を持たせるために次のコードを使用することはお勧めできません。
非短期ページの場合は、そのページの使用を避けるようにしてください。ページはできる限り下位互換性を持つ必要があります。