CSS_CSS/HTML の使用経験

1. CSS 管理

個人的にはそれがより重要だと感じていますが、オンラインでこの側面について話している人は比較的少ないようです

うまく管理できれば、CSS を呼び出して定義する際の時間と手間が大幅に節約されます

以下は私の蓄積の一部です

1 つ目は、CSS を外部からインポートまたはリンクする必要がある理由です

Web ページには多くのページがあるため、多くの CSS が使用されます (一部の CSS は繰り返し使用されます)。各ページを個別に定義する場合、インデックス下の CSS は次のように管理されます。フォルダーが同じレベルにあるため、呼び出しと管理が簡単になります

Webサイトを作り始めるとき、ほとんどの人はPSで間取り図を作成しますが、その際にCSSで同じ部分を事前に明確にすることができます

例: 下部、本文

ホームページに 3 つのスタイル a、b、c が表示されているとします

と

はサブページにも表示されます

次に、最初にホームページで a を定義し、次に a で b と c を定義すると、CSS フォルダーには a のみが表示されます

しかし、サブページが a をインポートすると、a、b、c が表示され、それらを順番に適用できます

次に、1 ページで複数のハイパーリンク スタイルを定義します

a:リンク

a:訪問しました

a:ホバー

b:リンク

b:訪問しました

b:ホバー

フロントを交換するだけでOK

ただし、CSS を使用しないように注意してください。名前に 123 などの数字を使用したり、ss12 などの数字と文字の組み合わせを使用したりしないでください。

数値を使用するのは問題ありませんが、DW では数値がデフォルトで表示されるため、最終的な Web ページでの効果は同じですが、DW では非常に汚く見えるため... ...そうする方が良いでしょう。純粋な文字で名前を付けます

3、行の高さについて

一般的に使用される設定はピクセルと%です

ただし、% を使用して設定するのが最善です。

DW で表示されるピクセルはオンライン ページのピクセルとは若干異なるため

% 設定は Web ページと同じです

写真を見ればすぐにわかります