フォントプロパティが使用されるフォントスタイル、フォントファミリー、フォントweigth、フォントバリアント、フォントサイズ、行の高さの短い6つの属性であってもよく、それぞれ、以下に説明します。
1、フォントスタイルのテキストをイタリック
パラメータ:フォントファミリの斜め/ノーマル/イタリック、通常の定期的なフォントの選択、斜め選択勾配本体;斜体斜体を選択。
2、フォントの太太字
パラメータ:(400)/太字(700)/ライター(要素に親から継承された値よりも薄い)/大胆(要素に親から継承された値よりも厚い)正常/数(1から1000の間の数(含有<番号>))タイプの間の値。
3、フォントサイズの文字サイズ
パラメータ:20ピクセル(デジタルプラス単位)/キーワードは、キーワードを使用することができ、または全角では、フォントサイズを定義するデジタル値をピクセル・。
キーワード:小/媒体/大......ネットワークは、フォントサイズを定義するために使用することができます。body要素にキーワードのフォントサイズを定義することにより、ページ上の任意の場所にフォントサイズの相対を設定することができ、ページ全体のフォントサイズをズームを助長しています。
ピクセル:このメソッドを使用し、正確なピクセルを必要としていました。ピクセルサイズを固定しますが、異なるブラウザはわずかに異なる表示されることがあります。
組み合わせ:キーワード+ピクセル
EM:EMは1EM要素に等しい動的に定義または継承されたプロパティのフォントサイズ、フォントサイズです。あなたは1EMは、ブラウザのデフォルトのテキストサイズと等しいことをページ内のテキストのサイズを設定しない場合は、body要素の20ピクセルのフォントサイズを設定した場合は、1EM = 20ピクセル、2EM = 40ピクセルの変換式は次の通りれる通常に16pxです。
ピクセルサイズのemは親要素の希望/ピクセルフォントサイズを=
本体要素は、フォントサイズが62.5%(16pxに既定のサイズの、すなわち62.5%)は、10pxのに等しく提供することができます。だから、20ピクセル= 2EM、16pxに= 1.6em。
4、フォントファミリのテキストフォント
「プライマリフォント」、「代替フォント1」、「2代替フォント」は、「準備を選択していない場合ではない場合、「プライマリフォント」は、「あるいはフォント1」、ユーザのコンピュータ上の「プライマリフォント」と表示されているがあるかどうかを示します2つのフォントオプション「である、」フォント1を選択してください。」
「英語フォント」、「漢字」、英語、中国語フォントを使用して、中国語の文字のフォントの英語の文字。
小型の大文字を設定するための5、フォントバリアントの段落
すべての小文字は、すべての文字は、大文字に変換されますが、テキストの残りの部分に比べて、フォント、フォントのサイズが小さいスモールキャップを使用されることをこれが意味。
パラメータ:正常(ブラウザは、標準のフォントを表示する)/小キャップ(小キャップブラウザ表示フォント)/継承(親要素のフォントバリアントプロパティから継承した値)
図6に示すように、行の高さの行の高さ
行は、テキストが垂直中心とするコンテナの高さと高い値に等しい場合には、占有容器内のテキストの行の高さを表しています。
パラメータ:ノーマル/デジタル/長さ/パーセント
ハイライン方式で複数行のテキストを測定します:
テキストBの大きさを知るために、まず。2行のテキスト間の既知の距離c / 2 D +マージンマージン行の高さを取るために上側からの距離を測定+上のテキストの高さ
(Bは奇数である場合、マージンが少ないテキストピクセルとなり、画素ボトムマージンがよりなり、それは正確にあっても行の高さです)
例:
<!DOCTYPE HTML > < HTML のlang = "EN" > < ヘッド> < メタのcharset = "UTF-8" > < タイトル>フォント</ タイトル> < スタイル> 本体{ フォントサイズ:62.5% 。 } DIV { ボーダー:1ピクセル赤色固体。 フォントサイズ:1.5em ; フォントスタイル:斜め。:太字; フォントファミリ:ゴシック、ヘルベチカ、サンセリフ; 行の高さ:30px ; フォントバリアント:スモールキャップ。 } </ スタイル> </ ヘッド> < 身体> < divの>我的名字是ダヴィナ</ DIV > </ ボディ> </ HTML >