Heim > Web-Frontend > CSS-Tutorial > Hauptteil

CSS-Textstile, die Sie beherrschen müssen

零下一度
Freigeben: 2017-05-06 11:49:06
Original
2041 Leute haben es durchsucht

Interessierte Freunde stellen mehrere Textstile vor und können einen Blick darauf werfen.

Textgröße: |xx-small|x-small|small|medium|large|x-large|xx-lager|

  : groß klein relativ zur Größe des übergeordneten Elements

Textschriftart:

font-family:"宋体","微软雅黑";
//解决多个系统兼容性问题  escape("微软雅黑")
font-family:"%u5FAE%u8F6F%u96C5%u9ED1"  == font-family:"微软雅黑"
Nach dem Login kopieren

Schriftfamilie

  1. Serifenschrift Serif

  2. Sans Serifenschrift Sans -serif
    //Im Allgemeinen muss aus Kompatibilitätsgründen eine davon hinzugefügt werden, um Schriftarten zu vermeiden, die nicht im aktuellen System festgelegt sind

CSS-Textstile, die Sie beherrschen müssen

Serifenschriftart

CSS-Textstile, die Sie beherrschen müssen

Serifenlose Schriftart

Schriftstärke

font-weight:  normal(400)  | bold(700) | bolder | lighter |100 ~ 900
Nach dem Login kopieren

Schriftstil

font-style:  normal | italic(斜体,使用斜体样式,字体如果没有斜体样式就正常显示)  |oblique(强制斜体)
Nach dem Login kopieren

Zeichenabstand

letter-specing : 数字可以是负数
text-decoration: none  //取消下划线
word-specing : 数字  字间距
//letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。请大家注意,word-spacing对中文无效。(其实添加空格也可以有效)
Nach dem Login kopieren

Zeilenhöhe

行高  ==  0.5倍行距 + 文字Top + 文字Bottom + 0.5倍行距  注意有顺序,至上而下的
另一个定义: 两段文字之间 两条基线的距离
1.5em = 1.5 = 150%
Nach dem Login kopieren

Textänderung

text-decoration = none;  //删掉修饰
text-decoration=underline //下划线
text-decoration=line-through  //删除线
text-decoration: overline//顶线
Nach dem Login kopieren

Leerzeichenbehandlung

white-space :normal   //超过p边界宽度就换行
white-space :nowarp           // 只要没遇到换行符,一直往后放
white-space: pre    //  html原格式显示(计算源代码中的空格和换行)
Nach dem Login kopieren

Automatischer Zeilenumbruch

word-break :normal //不打断单词
word-break :break-all;  //打断单词
word-break: keep-all  // 不允许换行,除了遇到空格,换行
Nach dem Login kopieren

[Verwandte Empfehlungen]

1. Kostenloses CSS-Online-Video-Tutorial

2. CSS-Online-Handbuch

3. php.cn Dugu Jiujian (2)-CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonCSS-Textstile, die Sie beherrschen müssen. 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