19.CSS Text Style "under"

15th Chapter CSS text sample is "Down"

I. Summary of the text

two, Text style : CSS Text style is divided into three kinds: text decoration, English case conversion, text shadow.

1,text-decoration

(1)None: Let the text that has its own underline be removed;

(2)underline: Let the bottom of the text appear an underscore;

(3)overline: Let the text appear at the top of an underscore;

(4)line-through: Let the text appear in the middle of an output line;

(5)bline: Let the text appear flashing, basically does not support;

example,@charset = "Utf-8"

p{

font-size:50px;

Text-decoration:underline; There is an underscore below the character.

Text-decoration:overline; There is an underscore above the character.

Text-decoration:line-through; add a strikethrough;

}

2,text-transform: Set the English text into case.

(1)None

(2)capitalize: capitalize the first letter of the English word.

(3)uppercase; Convert English to uppercase.

(4)lowercase: converts English into lowercase letters.

3.Text-shadow: Add a shadow to the text. Where four values, the first value: is the horizontal offset; the second value: Vertical offset;

Third value: Shadow Blur degree (optional); Fourth value: Shadow color (optional);

example,p{

Text-shadow:SPX SPX 3px Red;

}

Third, text control

   1 text-align      ( 1 ) to ( 4 css1 5 ) to ( 6 CSS3, current ie opera not supported;

(1)left: Align to point (default);

(2)right: align to starboard;

(3)Center: Center alignment;

(4)justify: The content is justified;

(5)start: Let the text be at the beginning of the boundary;

(6)end: Let the text be at the end of the boundary;

2,white-space

(1)Normal: default value, white space character is compressed, text wraps automatically;

(2)nowrap: The blank character is compressed, the text does not change line;

(3)pre: whitespace is reserved, line breaks are encountered; // line break is ' drawdown '

(4)pre-line: The blank character is compressed, the text will be full or encounter newline character line;

(5)pre-wrap: blank characters are reserved, text will be full or encounter newline character line break;

3,letter-spacing

(1)Normal: set the default spacing;

(2) length value: such as "number"+"px"

4,word-spacing: Set the spacing between English;

attributes Ibid.

5,line-height: set paragraph line height;

(1) (2) Ibid.

(3) Numerical value: For example , a.

(4)% : For example 200%;

6,word-wrap: Let the long English words break;

(1)Normal: the words keep on opening;

(2)break-word: word break;

7.text-indent: Sets the indentation of the first line of text.

(1)Normal: set the default spacing;

(2) Length value : such as "number"+"px"

19.CSS Text Style "under"