CSS の書式設定と組版

☆フォント、CSS スタイルを使用して、Web ページ内のテキストのフォント、フォントサイズ、色、その他のスタイル属性を設定できます。次のコードは、Web ページのテキストのフォントを Song Diagnostics に設定する例を見てみましょう。
body{font-family:"宋体";}
ここで珍しいフォントを設定しないように注意してください。設定したフォントがユーザーのローカルコンピュータにインストールされていない場合、ブラウザのデフォルトフォントが表示されるからです。 (設定したフォントスタイルがユーザーに表示されるかどうかは、設定したフォントがユーザーのローカルコンピューターにインストールされているかどうかに依存するためです。)

☆ フォントサイズと色、次のコードを使用してテキストのフォントサイズを設定できます。 Web ページ上のを 12 ピクセルに変更し、フォントを変更します。カラーを #666 (グレー) に設定します:
body{font-size:12px;color:#666}

☆太字、CSS スタイルを使用して変更することもできます。テキストスタイル: 太字、斜体、下線、取り消し線。次のコードを使用して、テキストを太字スタイルで表示するように設定できます。
p scan{font-weight:bold;}
ここでは、テキストの太字を設定したい場合、それを実現するための別の CSS スタイルがあることがわかります。太字を実現するために h1-h6 または Strong を使用する必要はなくなりました。スタイル。

☆斜体、次のコードはブラウザで斜体スタイルで表示されるテキストを実現できます:
p a{font-style:italic;}

☆下線、場合によっては、テキストを下線スタイルに設定したい場合があります。 , 視覚的にテキストを強調するには、次のコードを使用してそれを実現できます:
p a{text-decoration:underline;}

☆取り消し線、Web ページに取り消し線を設定したい場合はどうすればよいでしょうか。スタイルは電子商取引ウェブサイトでよく見られます
元の価格の取り消し線は、次のコードを使用して実現できます:
.oldPrice{text-decoration:line-through;}

☆中国語のテキストでは、インデントが慣例です。段落の前に 2 つのスペースを残すには、次のコードを使用します。
p{text-indent:2em;}

☆行間隔 (行の高さ) は段落のレイアウトで重要な役割を果たします。段落の行間隔を 1.5 倍に設定するように実装します。
p{line-height:1.5em;}

☆文字間隔、文字間隔、Web ページのレイアウトでテキスト間隔や文字間隔を設定したい場合は、以下に示すように、letter-spacing を使用してそれを実現できます。コード:
h1{
letter -spacing:50px;
}
...