Maison > Article > interface Web > Quelles sont les propriétés des CSS qui changent les polices ?
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!