Shulou(Shulou.com)06/03 Report--

This article focuses on "how to understand css text control and css text style attributes", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let the editor take you to learn how to understand css text control and css text style attributes.

1. CSS controls text attributes:

1. Font-size:18px;: sets the font size

2. Color:#093: set word color

3. Font-family:' Arial';: set fonts (there can be multiple fonts, separated between the two fonts, indicating that if there is a first font in the system, the display effect is the first font, if not, the effect of the second font is displayed, and so on)

4. Line-height:150%;: sets the distance between rows (units can be px or em or percentage)

5. Font-weight:bold: set the font thickness (bold: bold normal: normal)

6. Font-variant: normal is normal | small uppercase font of small-caps

7. Font-style: set font style (normal is normal, italic,oblique italics)

8. Text-decoration: modifier text (normal none, underline underline, overline overline, line-through delete line blink flashing (only IE6,7, Sohu are supported)

9. Letter-spacing:5px: character spacing (normal default, length unit of length)

10. Word-spacing:5px: word spacing (normal default, length unit of length

Simplified writing of the font attribute: whether italics are the same width or bold font

The code is as follows:

Body {font-size:18px; color:#093; font-family:Arial, 'Han Yi Xing Kai Jian'; line-height:300%; font-weight:bold}

Div {width:400; height:50; background:#999; word-spacing:5em;}

H2 {font-weight:normal;font-style:italic; text-decoration:underline; letter-spacing:5px; word-spacing:60px;}

Li Keqiang presided over the IAmLOME meeting of the standing Committee of the State Council

Listen to the report on the supervision and inspection of the implementation of the minimum living security policy

Deployment to further strengthen and improve the work of minimum security

Decided to open the interim measures for Social Assistance (draft) to the public i am LOME

[code]

Note: set the font to use the general font as far as possible, that is, use the common font on everyone's computer, the commonly used Chinese font is Song style, the English font is Arial) when setting the font, set the English font in front and the Chinese font in the back. If you want to use a special font, you can convert it to a picture.

Tips:

1. If it is a 12px or 14px font, the larger the font size between 1.5em-1.8em, the smaller the line height setting.

two。 Set the contents of the block, center vertically, and set the row height of the block to the same height as the height of the block, provided that there is only one row.

[code]

H2 {width:600px; height:150px; line-height:150px; border:1px solid # 0F0;}

Fsadkfhkasdhfasfasdfdsafjk

Second, CSS controls the text attributes:

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

2. Horizontal text alignment: text-align:left left, center centered, right right

3. Blank handling: white-space:nowrap (nowrap forces display on one line, pre wraps and spaces are retained, normal wraps automatically)

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

5. Vertical alignment of text: vertical-align: (sub sets text to subscript, super sets text to superscript, top is aligned with top, text-bottom is aligned with low end)

The code is as follows:

CSS control text

# one {text-indent:2em;}

# two {text-align:center; white-space:pre; text-transform:uppercase;}

Span {vertical-align:super;}

# t2 {width:100px; vertical-align:middle;}

0.5 second, three-point shot! Portland staged the Nth Bosh moment to save the Heat.

The Heat are so lucky to have this fkasfjklas fklasdj team soul.

The Heat still have a hero tonight, they must praise 11 points but the score is gold!

Zhan Bo complained about his client for his brother's evil offense. He took off! Definitely diving.

Schmidt says Trail Blazers Oden will not play Bosh in the away game: he will be back soon.

Schmidt says Trail Blazers Oden will not play Bosh in the away game: he will be back soon.

At this point, I believe you have a deeper understanding of "how to understand css text control and css text style attributes". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.