太字、下線付き、小さい、左揃え、中央揃え、右揃えなど、さまざまな種類のテキストが混在する Web ページを作成しています。HTML からスタイルを抽象化しようとすると、<b>
と<u>
タグを廃止しようとしています。その結果、クラス (「太字」、「下線」、「小」など) を定義し、CSS を使用してスタイリングを提供します。ただし、これにより、class="rightAlign small bold underline"
. これを行うより良い方法はありますか?
ありがとうございました!
太字、下線付き、小さい、左揃え、中央揃え、右揃えなど、さまざまな種類のテキストが混在する Web ページを作成しています。HTML からスタイルを抽象化しようとすると、<b>
と<u>
タグを廃止しようとしています。その結果、クラス (「太字」、「下線」、「小」など) を定義し、CSS を使用してスタイリングを提供します。ただし、これにより、class="rightAlign small bold underline"
. これを行うより良い方法はありますか?
ありがとうございました!
あなたはCSSの要点を見逃しています。
マークアップをスタイリングから分離する必要があります。2 つを結合するのではありません。
<div class="bold">
よりもどのように優れています<div style="font-weight: bold;">
か?
タイピングは少ないかもしれませんが、同じ効果があります。後でレイアウトを変更する場合は、CSS とマークアップを変更する必要があるように作成されています。
プロパティをグループ化することをお勧めします。
たとえば、
<div class="rightAlign small bold underline">
持ってる
<div class="title">
.title {
text-align: right;
font-weight: bold;
text-decoration: underline;
font-size: small;
}
このようtitle
にして、ページを調べてマークアップを変更することなく、必要に応じて後で変更できます。
太字と斜体にそれぞれ と を使用できますが、太字/斜体の情報が実際に重要な場合に限ります。
小さい太字の下線付きの領域があり、この領域がサイト全体で複数回繰り返される場合、その領域を独自のクラスで定義し、それらすべてのスタイルを一度に適用する方が理にかなっています。たとえば、日付別の投稿と作成者名を含むワードプレスのメタ領域。この「メタ」タイプの領域は、イタリック体、小さいフォント、異なる色、時には異なるフォントであることがよくあります。与えるのではなく、その領域class="meta"
を与えるclass="small italics geneva blue"