CSS Common and mastering knowledge points

Outreach via link label

Selector Selector

Tag Selector Div

Class selector.

ID Selector #

Multiple available "," separated

Child element Selector parent > Direct Child

Media Queries @media trouble with it.

　　

　

Style

Font style

Font:bold Italic Size/line-height family; Can be divided into writing

Font-size font-weight Font-style font-family

COLOR:RGB/COLOR/16 in the system

Background style

Background:url () color repeat x y (center/top/bottom/right/left);

Text Style

Text-align:center/right/left;

Text-index:2em the first line indent two words or negative values are hanging indents

Word-spacing: Positive and negative numbers change the distance between words and words.

Letter-spacing positive Negative number change is the distance between the word and the negative number closer

Text-decoration:none/underline/overline/line-through Underline

Line-height: Line Spacing

Box size

Width

Height

Edge Distance

Margin:top Right bottom left auto (presence compatible);

padding: Ditto and can be divided

Border

Border:size solid/dotted/dashed Color | None

Position

position:relative/absolute/fixed;

Vertical-align:top/bottom/center;

Float:left/right/none;

Clear:both: Clear Float

FORM element Style

Outline:none: Common and clear default styles

Other styles:

Li List-style style common and clear default styles

Cursor:pointer; a finger.

Display:none/block/inline/inline-block;

Visibility:hidden/visible

option:0~1;

Filter:alpha (opacity=1~100);

Pseudo class Selector

A:link before visit

After a:visited access

A:hover Move in

A:active Click

The order cannot be changed when four is present simultaneously

Rules

Text styles can inherit, but their own styles do not inherit

Margin merge easy to merge when set up

　　

CSS Common and mastering knowledge points