CSSフォントスタイル属性

1.fontフォント

1.1フォントサイズ：サイズ

役割：

フォントサイズのプロパティは、フォントサイズを設定するために使用されます
```
p {  
    font-size:20px; 
}
```
単位：
- 相対的な長さの単位は、絶対的な長さの単位を用いてもよい、使用されてもよいです。
- 一般的に使用される相対的な長さの単位は、我々は、画素部PXを推薦少ない絶対長さの単位を使用します。
注意：
- PXの一般的な単位
- Googleのブラウザのデフォルトのテキストサイズは16pxにあります
- 別のブラウザをデフォルトのフォントサイズが矛盾して表示されることがあり、デフォルトのサイズをしない、明確な価値の大きさを与えることを試みます。一般的には、身体にページ全体の文字サイズを指定します

1.2フォントファミリ：フォント

役割：

フォント-familyプロパティは、フォントを設定するために使用されます。
```
p{ font-family:"微软雅黑";}
```
Webページ、一般的に使用されるフォントはゴシック、マイクロソフトエレガントなブラック、ボディ、などです

あなたはカンマで区切っ途中で、同時に複数のフォントを指定することができ、ブラウザが最初のフォントをサポートしていない場合は、右のフォントを見つけるまで、すべてではない場合、それはデフォルトのフォントが優先するものと私たちのコンピュータの場所の、、、次のいずれかをしようとしますと言いました。

p{font-family: Arial,"Microsoft Yahei", "微软雅黑";}

1. 各种字体之间必须使用英文状态下的逗号隔开。
2. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
3. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。
4. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

1.2.1 CSS Unicodeフォント

Unicodeフォントを使用する理由
- CSSでフォント名を設定し、直接書き込み中国人が可能です。しかし、エンコーディングファイルに（GB2312は、UTF-8など）は、歪みの不一致エラーを生成します。
- XPシステムは、マイクロソフトエレガントな黒の中国に似てサポートしていません。

ソリューション：

オプション1：あなたが代わりに英語を使うことができます。たとえばfont-family:"Microsoft Yahei"。

オプション2：使用Unicodeは、これらのエラーを回避するために、フォントの名前を書くためにCSSで直接エンコード。使用Unicodeは、ブラウザの解像度を修正することができ、中国の名前を書くためにフォント。

font-family: "\5FAE\8F6F\96C5\9ED1";   表示设置字体为“微软雅黑”。

ボディ名	英語名	Unicodeエンコーディング
ボディ	SimSun	\ 5B8B \ 4F53
Times New Roman	NSimSun	\ 65B0 \ 5B8B \ 4F53
ボディ	SimHei	\ 9ED1 \ 4F53
ソフトでエレガントな黒	微軟雅黒	\ 5FAE \ 8F6F \ 96C5 \ 9ED1
ボディ_GB2312	KaiTi_GB2312	\ 6977 \ 4F53_GB2312
ブック	リサ	\ 96B6 \ 4E66
ガーデン	YouYuan	\ 5E7C \ 5706
温家宝薄い黒	STXihei	\ 534E \ 6587 \ 7EC6 \ 9ED1
明	MingLiU	\ 7EC6 \ 660E \ 4F53
ファイン明	PMingLiU	\ 65B0 \ 7EC6 \ 660E \ 4F53

1.3フォント重量：フォントの太さ

そして、タグを使用して、（b）は、テキストを太字に強くすることができます。

使用フォント-weightプロパティ

プロパティ値	説明
正常	デフォルト値（太字ではありません）
大胆な	ボールド（太字）を定義します
100〜900	400は、太字、通常と同等であり、700と等価です

1.4フォントスタイル：フォントスタイル

私はイタリック体を使用し、EMタグが実装されてもよいです

フォントスタイルを定義して使用フォントスタイルのプロパティ

プロパティ	効果
正常	デフォルトでは、ブラウザが標準のフォントスタイル、フォント・スタイルが表示されます。通常、
イタリック	ブラウザは、イタリックフォントスタイルを表示します。

1.5フォント：包括的なセットのフォントスタイル

フォントは、包括的なセットのフォントスタイルに属性

次のように基本的な構文は次のとおりです。

选择器 { font: font-style  font-weight  font-size/line-height  font-family;}

注意：
- フォント属性構文は、書面で上記の順番でなければなりません使用している場合、あなたはに、それぞれのプロパティの順序を変更することはできませんスペース離れて。
- これらの特性を提供する必要はありません（デフォルト値）を省略することはできないが、フォント・サイズ属性とフォントファミリを保持しなければならない、フォントプロパティは、そうでない場合は動作しません。

1.6フォントまとめ

プロパティ	ショー	リマーク
フォントサイズ	フォントサイズ	単位は、通常、PXピクセルである単位を維持しなければなりません
フォントファミリー	フォント
フォントの太さ	フォントの重さ	700または太字太字太字は正常ではないか、400個の数字は単位を教えていません
フォントスタイル	フォントスタイル	イタリック傾斜は傾斜していない正常です
フォント	フォントの合字	1.フォント結紮糸は、連続であり、フォントサイズを変更することができず、前記位置2が同時に発生しなければなりません

2. CSSの外観特性

2.1色：テキストの色

役割：

色は、テキストの色を定義します

次のようにプロパティの値は次のとおりです。

エクスプレス特急	プロパティ値
事前定義された色の値	赤、緑、青
六角	＃FF0000、＃FF6600、＃F00赤代表、共通の省略することができます
RGBコード	RGB（255,0,0）またはRGB（100％、0％、0％）

2.2テキスト整列：テキストの水平方向の配置

役割：

レベルテキスト-alignプロパティは、ALIGN属性のHTMLタグに対応し、テキストコンテンツの位置合わせを設定するために使用され

次のようにプロパティの値は次のとおりです。

プロパティ	説明
左	左（デフォルト値）
正しい	右揃え
センター	居中对齐

注意：

是让盒子里面的内容水平居中，而不是让盒子居中对齐

2.3 line-height:行间距

作用：

line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。
单位：
像素px，相对值em和百分比%，常用像素px
注：
一般情况下，行距比字号大7.8像素左右就可以了。

2.4 text-indent:首行缩进

作用：

text-indent属性用于设置首行文本的缩进

属性值

其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值

建议使用em作为设置单位。

p {
      /*行间距*/
      line-height: 25px;
      /*1em 就是一个字的宽度 如果是汉字的段落， 1em 就是一个汉字的宽度*/
      /*首行缩进2个字  em  1个em 就是1个字的大小*/
      text-indent: 2em;  
 }

2.5 text-decoration 文本的装饰

text-decoration 通常用于给链接修改装饰效果

值	描述
none	默认。定义标准的文本。取消下划线（最常用）
underline	定义文本下的一条线。下划线也是我们链接自带的（常用）
overline	定义文本上的一条线。（不用）
line-through	定义穿过文本下的一条线。（不常用）

2.6 CSS外观属性总结

属性	表示	注意点
color	颜色	我们通常用十六进制比如而且是简写形式 #fff
line-height	行高	控制行与行之间的距离
text-align	水平对齐	可以设定文字水平的对齐方式
text-indent	首行缩进	通常我们用于段落首行缩进2个字的距离 text-indent: 2em;
text-decoration	文本修饰	记住添加下划线 underline 取消下划线 none

m0_46647964

发布了11 篇原创文章 · 获赞 0 · 访问量 172

私信关注

基本的な使用CSS -03