ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS テキスト スタイルの属性の概要 (コード付き)

CSS テキスト スタイルの属性の概要 (コード付き)

不言
不言オリジナル
2018-08-18 11:45:481822ブラウズ

この記事では、CSS テキスト スタイルの属性について説明します (コード付き)。必要な方は参考にしていただければ幸いです。

1. テキストのフォントを設定します - font-family
属性値には英語の太字 Arial を使用することをお勧めします。 Song 王朝「SimSun」は読み込み速度を向上させます。
オプションのフォントをカンマで区切って設定します)

index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>字体</title>
    <link href="index.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>
    设置文字字体属性值建议用英文黑体Arial; 微软雅黑 “Microsoft Yahei”;
    宋体“SimSun”;提高加载速度;设置可选字体用逗号隔开  
    </p> 
</body>
</html>

index.css

p{    font-family:"SimSun";}

2. テキストサイズを設定します - font-size

index.css

p{    font-size:21px;}

3 .Set太字のテキスト — フォントの太さ

属性値: Normal; 太字/太字

index.css

p{    font-weight:bold;}

4. テキストを斜体に設定します - フォントスタイル
index.css

p{    font-style:italic;}

5. 英語を小さい大文字フォント
に設定します。
6. テキストの色の設定

index.css

p{font-variant: small-caps;}

7. テキストの背景色の設定

index.css

p{    color:lightgreen;}

関連する推奨事項:


css テキスト属性の設定例

CSS 属性フォント (フォント)_html /css_WEB-ITnose

Web ページの CSS スタイル属性: font common sense_html/css_WEB-ITnose

以上がCSS テキスト スタイルの属性の概要 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。