样式css属性样式大全（CSS property style Daquan）

css样式大全时间:2021-01-04 阅读:()

css属性样式大全CSS property style Daquan

Font properties: (font)

Size {font-si ze: X-LARGE; } (extra large) XX-Small ; (minimum)general Chinese can not be used, as long as the value can be,units: PX, PD

Style {font-style: oblique; } (partial italic) Italic; (italic)normal; (normal)

Line height {line-height: normal; } (normal) units: PX, PD, EM The thickness of {font-weight: bold; lighter; } (BOLD) (Figure normal) ; (normal)

Variant {font-variant: small-caps; } (small capitalization)normal; (normal)

Case {text-transform: capitalize; } (initial uppercase)uppercase; (uppercase) lowercase; (lower case) none; (no)Modify {text-decoration: underline; } (underline) overline;(line up) line-through; (delete line) blink; (blinking)Commonly used fonts: (font-family)

"Courier, New", Cour ier, monospace, Times, New, Roman, Times,serif, Arial, Helvetica, sans-serif, Verdana

Background properties: (background)

Color {background-color: #FFFFFF; }

Picture {background-image: URL () }

Repeat {background-repeat: no-repeat; }

Scroll {background-attachment: fixed; } (fixed) scroll;(scroll)

Position {background-position: left; } (horizontal) top (vertical) ;

{background:#000 URL (. . ) -repeat fixed left top; } /*--this code often appears in reading, to study seriously.

Block attribute: (Block) /* this property first met, to a lot of research.

Word spacing {letter-spacing: normal ; } / * the numerical properties appear to be useful, more practice.

Align {text-align: justify; } (both ends aligned) left; (left aligned) right; (right aligned) center; (centered)

Indent {text-indent: value PX; }

Vertically aligned {vertical-align: baseline; } (baseline) sub;(subscript) super; (subscript) top; text-top; middle; bottom;text-bottom;

Word spacing word-spacing: , normal ; numerical value

Space white-space: pre; (reserved) nowrap; (no line feed){display:block; } (block) inline (embedded) ; list-item; run-in;(list) (addit ional) compact (compact) ; marker; table;inline-table (marker) ; table-raw-group; table-header-group;table-footer-group; table-raw; table-column-group;table-column; table-cell; table-caption; (table title)/*display attribute understanding is very fuzzy * /

Box properties: (Box)

Width: ; height: ; float: ; clear:both; padding: ;margin: ; order:right, left, left

Border properties: (Border)

Border-style: dotted; (dot line) dashed; (dotted line) solid;double; (double line) groove; (slot line) ridge; (ridged) inset;(SAG) outs et;

Border-width: ; border width

Border-color:#;

Border:width style - color; / * * / -

List properties: (List-style)

Type list-style-type: disc; (DOT) circle; (circle) square;(Fang Kuai) decimal; (number) lower-roman; (Ronaldinho number)

upper-roman; lower-alpha; upper-alpha;

Location list-style-position: outside; (external) inside;Image list-style-image: , URL (. . . ) ;

Location attributes: (Position)

Position: absolute; relative; static;

Visibility: inherit; visible; hidden;

Overflow: visible; hidden; scroll; auto;

Clip: , Rect (12px, auto, 12px, auto) (cut)

CSS property code Guinness

One CSS text property:

Color: #999999; / * * / text color

Font-family: Arial, sans-serif; / * * / text font

Font-size: 9pt; / * * / text size

Font-style:itelic; / * * / italic text

Font-variant:small-caps; / * * / small font

LETTER-SPACING: 1pt; / * * / distance between words

Line-height: 200%; / * * / set the row

Font-weight:bold; / * * / bold text

Vertical-align:sub; / * * / word.

Vertical-align:super; / * * /word.

Text-decoration: line-through; / * * / strikethrough

Text-decoration: overline; / * and * / top line

Text-decoration:underl ine; / * * / underline

Text-decoration:none; / * * / delete link underline

Text-transform: capitalize; / ** / first character uppercase Text-transform: uppercase; / * * / English capital

Text-transform: lowercase; / * * / Engl ish.

Text-align:right; / * * / right aligned text

Text-align:left; / * * / left aligned text

Text-align:center; / * * / text alignment

Text-align:justify; / * * / distributed text

Vertical-align property

Vertical-align:top; / * * / vertical alignment

Vertical-align:bottom; / * * / vertical alignment

Vertical-align:middle; / * * / vertical alignment

Vertical-align:text-top; / * * / vertical text alignment Vertical-align:text-bottom; / * * / text vertically aligned Two, CSS border blank

Padding-top:10px; / * * / top left blank

Padding-right:10px; / * * / leave blank right border Padding-bottom:10px; / * * / bottom left blank

Padding-left: 10px; / * left border left blank

Three and CSS symbol attributes:

List-style-type:none; / * * / not No.

List-style-type:decimal; / * * / digital Arabia

List-style-type: lower-roman; / * * / lowercase digital Rome List-style-type:upper-roman; / * * / digital capital Rome

List-style-type: lower-alpha; /**/English lowercase letters List-style-type:upper-alpha; /**/English uppercase letters List-style-type:disc; / * * / solid circular symbols

List-style-type:circle; / * * / hollow circular symbols List-style-type:square; / * * / solid square symbol

List-style-image:url (/dot.gif) ; / * * / picture symbols List-style-position: outside; / * * / outdent

List-style-position:inside; / * * / indent

Four and CSS background styles:

Background-color:#F5E2EC; / * * / background color

Background:transparent; / * * / background Perspective Background-image: URL (/image/bg.gif) ; / * * / background picture

Background-attachment: fixed; / * * / f ixed watermark background

Background-repeat: repeat; / * * / - "default repeat array

Background-repeat: no-repeat; / * * / permutation without repetition

Background-repeat: repeat-x; / * * / arranged on the X axis repeat

Background-repeat: repeat-y; / * * / arranged on the Y axis repeat

Specify the background location