コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS テキスト スタイルの属性の概要 (コード付き)

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

不言
リリース： 2018-08-18 11:45:48
オリジナル
1810 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル：
css
ソース：php.cn
前の記事：CSS と D3 を使用してテキストで構成されたハート型のアニメーション効果を実現する方法 (コード付き) 次の記事：CSSのテキスト属性とは何ですか? CSS テキスト プロパティの概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート