Heim > Web-Frontend > CSS-Tutorial > Was sind die CSS-Textattribute?

Was sind die CSS-Textattribute?

coldplay.xixi
Freigeben: 2023-01-03 09:26:21
Original
12909 Leute haben es durchsucht

css-Textattribute: 1. Randabsatzabstand 2. [text-indent] Texteinzug; 4. [text-decoration] Textdekorationseffekt festlegen; ] Legen Sie die Höhe der Absatzzeile fest.

Was sind die CSS-Textattribute?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer. Diese Methode ist für alle Computermarken geeignet.

CSS-Textattribut:

1. CSS-Textattribut – Konvertierung von Groß- und Kleinbuchstaben im Text – text-transformtext-transform

  属性值:

  •   uppercase;(全部大写)

  •   lowercase;(全部小写)

  •   capitalize;(在所有小写单词中,首字母大写)

  p{text-transform:uppercase;}
Nach dem Login kopieren

2、css文本属性之文本居中——text-align

  属性值:

  •   center;(居中)

  •   left;(左边对齐)

  •   right(右边对齐)

  p{text-align:center;}
Nach dem Login kopieren

3、css文本属性之段落缩进—–text-indent

  em(是以字为单位),±都可以

  p{text-indent:3em;}
Nach dem Login kopieren

4、css文本属性之设置文字装饰效果——text-decoration

  属性值:

  •   none(去掉下划线)

  •   underline(加下划线)

  •   overline(加上划线)

  •   line-through(加删除线)

  a{text-decoration:none;}
Nach dem Login kopieren

5、css文本属性之设置段落行高—-line-height

  属性值:百分比,px,数字

  a{line-height:13px;}
Nach dem Login kopieren

6、css文本属性之设置字词间距

  word-spacing(只对英文有用)

  letter-spacing(汉字和英文都可以)

  p{letter-spacing:16px;}
Nach dem Login kopieren

7、css文本属性之段落间距-margin

  p{margin:66px;}
Nach dem Login kopieren

8、css文本属性之边框——border

  属性值有三个:大小,颜色,样式;

  边框样式有:solid(实线),dashed(虚线),dotted(点线)

  p{border:3pxlightgreensolid;}
Nach dem Login kopieren

9、css文本属性之空格——white-space

  属性值:

  •   pre;(与预设一样)

  •   nowrap;(文字不自动换行)

  •   inherit;(继承父本)

  •   normal;(显示一个)

  p{white-space:pre;}
Nach dem Login kopieren

10、css文本属性之设置输入法状态-ime-mode

Attributwert:

  • Großbuchstaben;

  •  Kleinbuchstaben (alle Kleinbuchstaben) >

      Attributwert:
  •   mitte; (Mitte)
  •  links; (linke Ausrichtung)
rrree

3 Diagrammeinrückung von CSS-Textattributen ––text-indent em (in Worten), ± kann verwendet werdenrrreee4 Legen Sie den Textdekorationseffekt von CSS-Textattributen fest – text-decoration Attribut Werte:

🎜🎜 keine (Unterstreichung entfernen) 🎜🎜🎜🎜 unterstrichen (unterstrichen) 🎜🎜🎜🎜 überstrichen (unterstrichen) 🎜🎜🎜🎜 durchgestrichen (durchgestrichen) 🎜🎜🎜rrree 5. CSS-Textattribut-Einstellung der Absatzzeile height - -line-height🎜🎜  Attributwert: Prozentsatz, px, Zahl 🎜rrreee🎜 6. CSS-Textattributeinstellung Wortabstand 🎜🎜  Wortabstand (nur nützlich auf Englisch)🎜🎜 Buchstabenabstand (sowohl Chinesisch als auch Englisch sind verfügbar)🎜rrreee🎜7. CSS-Textattribut-Absatzabstand – margin🎜rrreee🎜8. CSS-Textattribut-Rahmen – border🎜🎜 Es gibt drei Attributwerte: Größe, Farbe, Stil; 🎜🎜 Rahmenstile sind: durchgezogen (durchgezogene Linie), gestrichelt (gepunktete Linie) 🎜rrreee🎜9. Code> 🎜🎜 Attributwert: 🎜🎜🎜🎜 Pre; eins)🎜🎜🎜rrreee🎜10. Legen Sie den Eingabemethodenstatus von CSS-Textattributen fest – ime-mode🎜🎜 Attributwert: 🎜🎜🎜🎜auto ;Standard🎜🎜🎜🎜 aktiv;Aktivieren Sie die lokale Sprache Eingabemethode;🎜🎜🎜🎜 inaktiv: Nicht-lokale Spracheingabemethode aktivieren;🎜🎜🎜🎜 Deaktiviert; Eingabemethode deaktivieren, chinesische Zeichen können nicht eingegeben werden🎜🎜🎜🎜🎜🎜Empfohlen (kostenlos): 🎜🎜🎜CSS-Video-Tutorial🎜 🎜 🎜🎜

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage