Text nature CSS

xiaoxiao2021-03-06 68

This chapter is the main role of C s S

This chapter describes the text-related CSS instructions. Tongmong a website is the most text, and through these text-related CSS instructions, you can lay the content of your web page. This chapter will be introduced to you by two parts. The first part is a CSS directive of a word type, configure a variety of styles of the textual font; the second part introduces the CSS directive of the text, to control The appearance and fake way of text paragraphs.

Modularity C s S command

Font-Family Settings Text Type

stand by:

IE3, IE4

Be applicable:

All elements

Possible value:

Dictionary Name

default value:

Depending on the browser

Inheritance:

Have

General Example: span {family-name: "Standard"}

Coaxial example:

Font-style setting font styles

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Normal ordinary word italic oblique word oblique slope

default value:

Normal

Inheritance:

Have

General Example: span {font-style: italic}

Coaxial example:

Font-Weight Setting Dictionaries

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Normal ordinary word bold bold word Bolder slightly thick Lighter relative to the parent element is slightly 100,200,300,400,500,600,700,800,400,500,600,700,800,900. Number is made from small to large representative strokes from fine to large representative strokes

default value:

Normal

Inheritance:

Have

General Example: span {font-weight: bolder}

Coaxial example:

Font-size setting text size

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Absolute size, the available parameters have seven XX-Small, X-Small, Small, Medium, Large, X-Large, XX-Large relative size, available for small to large. The parameter is Larger, and the smaller is based on the parent element character. The first chapter, please refer to the instructions for the basic unit of the first chapter percentage, based on the parent element character size is the preset value:

MEDIUM

Inheritance:

Have

General example: span {font-size: 12pt}

Coaxial example:

Font-Variant Settings Text Conversion

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Normal ordinary word Small-Caps convert lowercase text to uppercase

default value:

Normal

Inheritance:

Have

General Example: span {font-variant: Small-Caps}

Coaxial example:

Font integrated setting font properties

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Setting Font Style Settings text Convert Setting the Dictionary Weight Set the size of the text and column (please refer to the setting text) High partial part) Settings text

default value:

Inheritance:

Have

General Example: span {font: bolder small-caps 12PT / 120% arial}

Coaxial example:

Textual quality C s S command

Line-height setting column

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

Normal ordinary columns high, depending on the font change rational height, depending on the browser Multiply the element character size by this number is the column of Set the length, please refer to the first chapter of the basic unit < Percentage> Percentage, proportion to elemental font size

default value:

Normal

Inheritance:

Have

General Example: Div {line-height: 120%}

Coaxial example:

Text-align setting text pair

stand by:

IE3, IE4, NC4 applicable:

Block element

Possible value:

Center is left to the right left Justify on the right left.

default value:

Depending on the browser

Inheritance:

Have

General Example: Div {text-align: center}

Coaxial example:

Vertical-align setting vertical pair

stand by:

IE4

Be applicable:

Coaxial element

Possible value:

TOP Top Bottom Top Bottom Top Bottom Top Line Middle Element Baseline Put the Element SUB to Central SUB Put the Element TEXT-TOP to the Late Top TEXT-5 TEXT-BOTTOM for the text of the text The element is high, and the parent element baseline is shifted.

default value:

Baseline

Inheritance:

Have

General Example: span {vertical-align: sub}

Coaxial example:

Text-Decoration Settings Text Decoration

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

None normal word underline text 加线 er er text plus top line-through text plus deleting line BLINK setting text flashing

default value:

None

Inheritance:

Have

General Example: span {text-decoration: blink}

Coaxial example:

Text-Transform Settings Text Conversion

stand by:

IE3, IE4, NC4

Be applicable:

All elements

Possible value:

None ordinary word Capitalize converts a letter in English to uppercase Uppercase converts all text to uppercase LowerCase to convert all text to lowercase

default value:

None

Inheritance:

Have

General Example: span {text-transform: Uppercase}

Coaxial example:

Letter-spacing setting alphabet interval

stand by:

IE4

Be applicable:

All elements

Possible value:

Normal does not change the alphabet interval, using the browser preset value to increase the interval length, can be negative

default value:

Normal

Inheritance:

Have

General Example: span {letter-spacing: 0.5pt}

Coaxial example:

TEXT-Indent setting text rearrangement

Support: IE3, IE4, NC4

Be applicable:

Block element

Possible value:

Length unit, please refer to the relevant instructions of the basic unit of the first chapter percentage value based on the parent element width

default value:

Inheritance:

Have

General example: div {text-indent: 3PT}

Coaxial example:

Transfer from: Dynamic Network Production Guide www.knowsky.com

转载请注明原文地址:https://www.9cbs.com/read-90664.html

9cbs

New Post(0)