css modifie les attributs de police : police, font-family, font-size, font-style, font-variant, font-weight, "@font-face", font-size-adjust, font-stretch, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.
css modifie les attributs de police
| Attribut | Description |
|---|---|
| font | Définir toutes les propriétés de police dans une seule instruction |
| font -family | Spécifie la famille de polices du texte |
| font-size | Spécifiez la taille de la police du texte|
| font-style | Spécifiez le style de police de le texte | td>
| font-variant | Spécifie le style de police du texte |
| font-weight | Spécifie l'épaisseur de la police |
| @font-face | Une règle qui permet aux sites Web de télécharger et d'utiliser d'autres polices que les polices "Web-safe" | tr>
| font-size-adjust | Spécifie la valeur d'aspect de l'élément |
| font-stretch | Réduire ou étendre la famille de polices actuelle | tr>
| couleur | Paramètres La couleur du texte de la police |
| 属性 | 说明 |
|---|---|
| font | 在一个声明中设置所有字体属性 |
| font-family | 规定文本的字体系列 |
| font-size | 规定文本的字体尺寸 |
| font-style | 规定文本的字体样式 |
| font-variant | 规定文本的字体样式 |
| font-weight | 规定字体的粗细 |
| @font-face | 一个规则,允许网站下载并使用其他超过"Web- safe"字体的字体 |
| font-size-adjust | 为元素规定 aspect 值 |
| font-stretch | 收缩或拉伸当前的字体系列 |
| color | 设置字体文本的颜色 |
font-style属性:
font-style属性指定文本的字体样式。
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
font-variant属性:
font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器会显示一个标准的字体。 |
| small-caps | 浏览器会显示小型大写字母的字体。 |
font-weight属性:
font-weight 属性设置文本的粗细
| 值 | 描述 |
|---|---|
| normal | 默认值。定义标准的字符。 |
| bold | 定义粗体字符。 |
| bolder | 定义更粗的字符。 |
| lighter | 定义更细的字符。 |
|
定义由细到粗的字符。400 等同于 normal,而 700 等同于 bold。 |
color 属性:
Color属性指定文本的颜色。
| 值 | 描述 |
|---|---|
| 颜色的名称 | 颜色的名称,比如red, blue, brown, lightseagreen等,不区分大小写。 |
| 十六进制 | 十六进制符号 #RRGGBB 和 #RGB(比如 #ff0000)。"#" 后跟 6 位或者 3 位十六进制字符(0-9, A-F)。 |
| RGB,红-绿-蓝(red-green-blue (RGB)) | 规定颜色值为 rgb 代码的颜色,函数格式为 rgb(R,G,B),取值可以是 0-255 的整数或百分比。 |
| RGBA,红-绿-蓝-阿尔法(RGBa) | RGBa 扩展了 RGB 颜色模式,它包含了阿尔法通道,允许设定一个颜色的透明度。a 表示透明度:0=透明;1=不透明。 |
| HSL,色相-饱和度-明度(Hue-saturation-lightness) | 色相(Hue)表示色环(即代表彩虹的一个圆环)的一个角度。 饱和度和明度由百分数来表示。 100% 是满饱和度,而 0% 是一种灰度。 100% 明度是白色, 0% 明度是黑色,而 50% 明度是"一般的"。 |
| HSLA,色相-饱和度-明度-阿尔法(HSLa) | HSLa 扩展自 HSL 颜色模式,包含了阿尔法通道,可以规定一个颜色的透明度。 a 表示透明度:0=透明;1=不透明。 |
| Valeur | Description |
|---|---|
| normal | Valeur par défaut. Le navigateur affiche un style de police standard. |
| italique | Le navigateur affichera un style de police italique. |
| oblique | Le navigateur affichera un style de police oblique. |
| Valeur | Description |
|---|---|
| normal | Valeur par défaut. Le navigateur affichera une police standard. |
| petites majuscules | Le navigateur affichera les polices en petites majuscules. |
| Valeur | Description |
|---|---|
| normal | Valeur par défaut. Définit les caractères standard. |
| gras | Définir les caractères gras. |
| plus gras | Définissez des caractères plus gras. |
| plus clair | Définissez des caractères plus fins. |
|
Définit les caractères de fin à épais. 400 équivaut à la normale et 700 équivaut à du gras. |
| Valeur | Description |
|---|---|
| Le nom de la couleur, comme rouge, bleu, marron, vert d'eau clair, etc., n'est pas sensible à la casse. | |
| Hex | Symboles hexadécimaux #RRGGBB et #RGB (par exemple #ff0000). "#" suivi de 6 ou 3 caractères hexadécimaux (0-9, A-F). |
| RVB, rouge-vert-bleu (RVB) | La valeur de couleur spécifiée est rgb La couleur du code, le format de la fonction est RVB (R, V, B), la valeur peut être un entier ou un pourcentage de 0 à 255. |
| RGBA, Rouge-Vert-Bleu-Alpha (RGBa) | RGBa étend le mode de couleur RVB pour inclure le canal Alpha permet de définir la transparence d'une couleur. a représente la transparence : 0=transparent ; 1=opaque. |
| HSL, teinte-saturation-luminosité (Teinte-saturation-luminosité) | Teinte (Teinte) représente la roue chromatique (c'est-à-dire un cercle représentant un arc-en-ciel). La saturation et la luminosité sont exprimées en pourcentage. 100 % correspond à une saturation totale, tandis que 0 % correspond à une échelle de gris. 100 % de luminosité est blanc, 0 % de luminosité est noir et 50 % de luminosité est « normal ». |
| HSLA, teinte-saturation-luminosité-alpha (HSLa) | HSLa s'étend du mode couleur HSL , qui contient le canal alpha, peut spécifier la transparence d'une couleur. a représente la transparence : 0=transparent ; 1=opaque. |
(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)
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!