CSS-Text

Wenn es sich nur um eine einfache HTML-Seite ohne Farbe handelt, müssen wir normalerweise einige CSS- und JS-Stile hinzufügen, um die Farbe der Seite zu erhöhen. Sprechen wir über CSS-Textstile.

Schriftart

body{font-family:"宋体";}

Farbe

body{color:#666}

Größe

body{font-size:12px;}
body{font-size:1em;}

Eingerückt

p {text-indent: 2em;}
p {text-indent: 50%;} //基于父元素

Schriftstil

p.normal {font-style:normal;}//默认
p.italic {font-style:italic;}// 斜体
p.oblique {font-style:oblique;}// 倾斜

Für den Weg

h1{text-align:center;}

Werte: links, rechts, zentriert, Blocksatz

Zeichenabstand

p{word-spacing:25px;}
p{word-spacing:normal;}// 相当与0px

Buchstabenabstand

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}

Zeichenkonvertierung

h1 {text-transform: none;}//默认
h1 {text-transform: capitalize;}//首字母大写
h1 {text-transform: uppercase;}// 全部大写
h1 {text-transform: lowercase;}// 全部小写

Textänderung

a {text-decoration: none;}
h1 {text-decoration:overline}//上划线
h2 {text-decoration:line-through}//中划线
h3 {text-decoration:underline}// 下划线
// blink闪烁文本,不过兼容性不好，很多浏览器都不支持

Fett

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}//粗体
p.bolder{font-weight:bolder;}// 更粗
p.lighter{font-weight:lighter;}// 更细
p.thicker {font-weight:900;}//400 等同于 normal，而 700 等同于 bold。

Das Obige sind einige häufig verwendete CSS-Textstile. Ich hoffe, sie können Ihnen helfen.

Verwandte Artikel:

Muss CSS-Textstile beherrschen

Beispielcode zur Implementierung von CSS-Text, der in Kraft tritt

Das obige ist der detaillierte Inhalt vonCSS-Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!