CSS-Text

亚连
Freigeben: 2018-05-10 09:59:54
Original
1975 Leute haben es durchsucht

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:"宋体";}
Nach dem Login kopieren

Farbe

body{color:#666}
Nach dem Login kopieren

Größe

body{font-size:12px;}
body{font-size:1em;}
Nach dem Login kopieren

Eingerückt

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

Schriftstil

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

Für den Weg

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

Werte: links, rechts, zentriert, Blocksatz

Zeichenabstand

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


Buchstabenabstand

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}
Nach dem Login kopieren

Zeichenkonvertierung

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

Textänderung

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

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。
Nach dem Login kopieren

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!

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