フォントのプロパティはじめに
CSSフォント属性は、それをしているのですか？フォントとフォント確か戦略について、設定することでHTML、フォントのページ中国語版を、
CSSフォントがあります属性をいくつかの一般的にそれを使用して、私はあなたに次の櫛、より一般的なの合計与える5、今日私たちはこれを見て種を5与えるために、テキストの種類フォントこれまでのいずれかの結果をもたらします。CSSフォント属性は、（イタリックなど）のテキストフォントファミリ、サイズ、太字、スタイルを定義します。- では
CSS5種など一般的に使用されるフォント属性、font-styleなど：font-weight、font-size、font-family、font、。
提供イタリックフォントスタイル
font-style主な属性は、イタリック体でテキストを設定するために使用されます。
フォントスタイル属性表
| 値 | 説明 |
|---|---|
| ノーマル | 通常のイタリックフォントバック。 |
| イタリック | イタリックにフォントを設定します。 |
- 私たちは入力してみましょう
font-style：のようなプロパティの練習、練習の内容をHTMLページのpイタリック体のテキストフォントタグセット。 私たちが使用していない場合は
font-style財産を、それを斜体にpタグのテキストのフォントすることはできませんか？私たちが学ぶ場合HTMLも、HTMLの間の1があることを知っておくべきiタグiタグが組み込み関数イタリックにテキストのフォント、です。
詳細に少しああ、ハァッ、長ったらしい初心者の人気。-
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置字体为斜体</title>
</head>
<body>
<p>成功不是打败别人，而是改变自己。</p>
<p><i>成功不是打败别人，而是改变自己。</i></p>
</body>
</html>-
結果の図
-
注：使用する
font-styleプロパティは、することができi、重要なコードの下ああ：ラベルのような取り外し機能イタリック、になります。
<style>
i{
font-style: normal;
}
</style>- 使用し
font-styleたテキストのプロパティは、イタリック体です。 -
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置字体为斜体</title>
</head>
<style>
p{
font-style: italic;
}
</style>
<body>
<p>成功不是打败别人，而是改变自己。</p>
</body>
</html>-
結果の図
フォントの太さ、フォントの重みセット
font-weightプロパティは、テキストのフォントの太さを設定するために使用されます。
フォントの太さプロパティ記述テーブル
| プロパティ値 | 説明 |
|---|---|
| ノーマル | 通常のテキストの回復の厚さ。 |
| 大胆な | 太字フォント。 |
| 100から900 | 太字フォント |
- 私たちは入力してみましょう
font-weightプロパティの練習を、HTMLページの内容pフォント太字ラベルのテキストは、私が使用してclass属性値.box最初にp大胆されるラベルテキストのフォントを900、なぜないclassプロパティの値が.box、それは、簡単に初心者が、残りはある理解します同様に、それはあまりにも表示されません。 -
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置字体粗细</title>
</head>
<style>
.box{
font-weight:900;
}
</style>
<body>
<p class="box">成功不是打败别人，而是改变自己。</p>
<p>成功不是打败别人，而是改变自己。</p>
</body>
</html>-
結果の図
フォントサイズを設定するには、フォントサイズ
font-sizeので、プロパティは、テキストのフォントサイズを設定することであるfont-sizeプロパティの値が比較的単純である、していないfont-size属性テーブルは、説明、説明font-sizeプロパティ値pxの単位のために。- 私たちは入力してみましょう
font-size：プロパティの練習のような練習のコンテンツHTMLページpラベルのテキストのフォントサイズに設定され14た画素を。 -
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>设置字体大小</title>
</head>
<style>
p{
font-size: 14px;
}
</style>
<body>
<p>成功不是打败别人，而是改变自己。</p>
</body>
</html>-
結果の図
フォントファミリのフォント設定
font-family....マイクロソフトエレガントな黒、イタリック体、のTimes New Roman次のようなテキストにフォントスタイル属性を設定- 公園の友人は、私たちは、自己学習能力の一定量を持っていると信じて、ここで見てきた、と直接キーコードの上に、あなたはフォントとカザフスタンの様々なを所有しようとすることができ、導入しません。
-
ブロック
font-family: "微软雅黑";-
注：
font-family属性は、複数のこのような使用することができます。font-family: "微软雅黑","宋体",....; -
詳細：一般的な非常に特殊なフォントは、上記のサイトには、表現するために画像を使用しています。ファイルがのTimes New Romanとして表示されない場合は、このフォントは、フォントファイルを対応し、ユーザーのコンピュータに応じて表示されているかどうか。
略語フォント、フォントの設定
- 頭字語のプロパティが同時にそれぞれの値の間にカンマを使用する、イタリック、ボールド、サイズ、テキストのフォントに設定することができ、順次でなければなりません。
- 私たちは入力してみましょう
font：などのフォント設定の略語の練習、練習内容をpイタリックにラベル中国語のテキスト、太字、サイズ、フォント。 -
ブロック
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>字体设置的缩写</title>
</head>
<style>
p{
font: italic 900 14px "微软雅黑";
}
</style>
<body>
<p>成功不是打败别人，而是改变自己。</p>
</body>
</html>-
結果の図
