CSS text styles

CSS text style is a style modification relative to the content. Because in the cascading relationship, the content is higher than the background. So text style is relatively more important.

CSS control text properties:

1. Set text indent: text-indent:length (length unit ) can be negative

2. Text horizontal alignment: text-align: left, center, right

3. Blank processing: white-space:nowrap (nowrap is forced to be displayed in one line, pre newlines and spaces are retained, normal automatically wraps)

4 , Case control: text-transform: (capitalize the first letter of each word in uppercase, uppercase every letter in uppercase, lowercase every letter in lowercase, none normal size)

5. Text vertical alignment: vertical-align: (sub sets the text as subscript, super sets the text as superscript, top is aligned with the top, text-bottom is aligned with the bottom)

6, text color: color sets the color of the text

##First line indentation

Definition:

First line indentation is to indent the first line of a paragraph, which is a commonly used text formatting effect. Generally, when writing in Chinese, there are two blank spaces at the beginning, similar to this.

[Note] This attribute can be negative

text-indent

## Value: | < ;percentage> | inherit

Initial value: 0

Applies to: block-level elements (including block and inline-block)

Inheritance: Yes

Percentage: relative to the width of the containing block

    php中文网(php.cn)  

亚冠联赛是亚洲最高等级的俱乐部赛事,相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯,高于亚足联杯和亚足联主席杯, 获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。

Horizontal alignment

Definition:

Horizontal alignment is the horizontal alignment that affects text within an element.

text-align

Values: left | center | right | justify | inherit

Initial value: left

Applies to: block-level elements (including block and inline-block)

Inheritance: Yes

    格式  

亚冠联赛是亚洲最高等级的俱乐部赛事,相当于欧洲的欧洲冠军联赛及南美洲的南美解放者杯,高于亚足联杯和亚足联主席杯,

获得冠军的球队将代表亚洲参加当年12月举行的国际足联世界俱乐部杯。期待恒大在世俱杯中为中国足球争光添彩。

Text conversion

Text transformation is used to handle English case conversion

text-transform

Value: uppercase (all uppercase) | lowercase (all uppercase) lowercase) | capitalize (capitalize the first letter) | none | inherit

Initial value: none

Applies to: all elements

Inheritance: yes

    转换  

hello css

hello css

hello css

Text modification

Definition:Text modification is used to provide decorative lines for text

[Note] The color of text modification lines is the same as the text color

text-decoration

Value: none | [underline (underline) || overline (upperline) || line-through (center line)] | inherit

Initial value: none

Applies to: all elements

Inheritance: none

    文本修饰  

这是用来进行文本修饰的

这是用来进行文本修饰的

这是用来进行文本修饰的


Continuing Learning
||
CSS控制文本

0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火

玩命暴扣扳平+助攻绝杀三分 热火太幸运有这fkasfjklas fklasdj颗队魂

热火今夜还一功臣必须赞 11分不多但却分分是金!

詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔

斯帅称客战开拓者奥登不打 波什:他很快就可复出

斯帅称客战开拓者奥登不打 波什:他很快就可复出

submit Reset Code
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!