Was sind die CSS-Schriftartattribute?

css-Schriftartattribute umfassen: 1. Farbattribut, das zum Festlegen der Schriftfarbe verwendet wird; 2. Schriftgrößenattribut, das zum Festlegen der Schriftgröße verwendet wird; 3. Schriftfamilienattribut, das zum Festlegen des Schriftstils verwendet wird; 5. Eigenschaft „font-style“ zum Festlegen des Schriftstils; 6. Eigenschaft „font-variant“ zum Festlegen der Schriftverformung; 7. „@font-face“-Regel zum Anpassen von Schriftarten;

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS-Schriftstilattribute sind:

1. Schriftfarbe

definiert die Textfarbe innerhalb des Elements.

Syntax:

color:颜色名|十六进制|RGB

Das Farbattribut wird verwendet, um die Farbe von Text zu definieren. Es gibt drei Möglichkeiten, Werte zu übernehmen:

1) Vordefinierte Farbwerte wie Rot, Grün, Blau usw.

2) Hexadezimal, wie #FF0000, #FF6600, #29D794 usw. In der Praxis ist Hexadezimal die am häufigsten verwendete Methode zur Definition von Farben.

3) RGB-Code, wie z. B. Rot, kann als RGB(255,0,0) oder RGB(100%,0%,0%) ausgedrückt werden.

Es ist zu beachten, dass bei Verwendung des prozentualen Farbwerts des RGB-Codes das Prozentzeichen nicht weggelassen werden darf, wenn der Wert 0 ist, und als 0 % geschrieben werden muss.

2. Schriftgröße

Definieren Sie die Textgröße innerhalb des Elements.

Syntax:

font-size:绝对单位|相对单位

3. Die Eigenschaft „font-family“ wird zum Festlegen der Schriftart verwendet.

font-family:具体字体名，字体集

Zu den häufig verwendeten Schriftarten auf Webseiten gehören Song Dynasty, Microsoft YaHei, HeiTi usw. Um beispielsweise die Schriftart für den gesamten Absatztext auf der Webseite auf Microsoft YaHei festzulegen, können Sie die verwenden Folgender CSS-Stilcode:

p{ font-family:"微软雅黑";}

技巧
1. 现在网页中普遍使用14px+。
2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。
3. 各种字体之间必须使用英文状态下的逗号隔开。
4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。
5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。
6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。

4. Schriftstärke Schriftstärke

Zusätzlich zur Verwendung von b- und Strong-Tags kann die Fettschrift von Schriftarten mit CSS implementiert werden, CSS hat jedoch keine Semantik.

5. Schriftstil im Schriftstil

Zusätzlich zur Verwendung von i- und em-Tags kann die Schriftneigung auch mit CSS implementiert werden, CSS hat jedoch keine Semantik.

• normal: Standardwert, der Browser zeigt den Standardschriftstil an.

• font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下：

  • normal：默认值，浏览器会显示标准的字体样式。

  • italic：浏览器会显示斜体的字体样式。

  • oblique：浏览器会显示倾斜的字体样式。

  技巧：

  平时我们很少给文字加斜体，反而喜欢给斜体标签（em，i）改为普通模式。

  6、font-variant 字体变形

  设置元素中文本为小型大写字母。

  语法:

  font-variant:normal|small-caps

  Nach dem Login kopieren

  font属性简写

  font属性用于对字体样式进行综合设置，其基本语法格式如下：

  选择器{font: font-style  font-variant font-weight  font-size/line-height  font-family;}　

  Nach dem Login kopieren

  使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。

  注意：其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-familyitalic: Der Browser zeigt den Schriftstil kursiv an.

• oblique: Der Browser zeigt einen schrägen Schriftstil an.

Tipps:

Normalerweise schreiben wir Text selten kursiv, sondern ändern lieber kursiv geschriebene Tags (em, i) in den Normalmodus.

6. Schriftvariantentransformation

Stellen Sie den Text im Element auf Kapitälchen ein. Grammatik: rrreeeFont-AttributabkürzungFont-Attribut wird zum umfassenden Festlegen von Schriftarten verwendet. Das grundlegende Syntaxformat ist wie folgt:

rrreee

Bei Verwendung des Font-Attributs muss es in der Reihenfolge der obigen Syntax geschrieben werden Da das Format nicht geändert werden kann und die Reihenfolge nicht geändert werden kann, werden die einzelnen Attribute durch Leerzeichen getrennt. 🎜🎜Hinweis: Die Attribute, die nicht festgelegt werden müssen, können weggelassen werden (übernehmen Sie den Standardwert), aber die Attribute font-size und font-family müssen beibehalten werden , andernfalls funktioniert das Schriftartattribut nicht. 🎜🎜🎜7, @font-face (CSS3) 🎜🎜🎜@font-faces Grammatikregeln 🎜🎜 🎜🎜🎜🎜🎜 Empfohlene verwandte Tutorials: 🎜🎜🎜CSS-Video-Tutorial🎜🎜🎜🎜

Das obige ist der detaillierte Inhalt vonWas sind die CSS-Schriftartattribute?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!