Maison > interface Web > tutoriel CSS > Introduction aux attributs dans le style de texte CSS (avec code)

Introduction aux attributs dans le style de texte CSS (avec code)

不言
Libérer: 2018-08-18 11:45:48
original
1813 Les gens l'ont consulté

Cet article vous apporte une introduction aux attributs des styles de texte CSS (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

1. Définissez la police du texte - font-family
Il est recommandé d'utiliser l'anglais gras Arial pour la valeur de l'attribut
Microsoft Yahei "Microsoft Yahei" ; La police de la chanson "SimSun" améliore la vitesse de chargement ;
Définir les polices facultatives séparées par des virgules)

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>
Copier après la connexion
index.css

p{    font-family:"SimSun";}
Copier après la connexion
2 . Définissez la taille du texte - font-size

index.css

p{    font-size:21px;}
Copier après la connexion
3. Définissez le texte en gras - font-weight

valeur de l'attribut : normal normal
. bold/bolder; bold
index.css

p{    font-weight:bold;}
Copier après la connexion
4. Définissez le texte en italique - valeur de l'attribut font-style

 : italic ; >
5. Définissez l'anglais sur la petite police majuscule
index.css

p{    font-style:italic;}
Copier après la connexion

6. Définissez la couleur du texte
index.css

p{font-variant: small-caps;}
Copier après la connexion

7. Définissez la couleur d'arrière-plan du texte
index.css

p{    color:lightgreen;}
Copier après la connexion

Recommandations associées :

p{    background-color:lightblue;}
Copier après la connexion
Exemple de définition d'attributs de texte CSS

Police d'attribut CSS (Font)_html/css_WEB-ITnose

Attribut de style CSS de page Web : police common sense_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal