A, HTML attributes
1, font attributes (font)
1, size
{font-size: x-large ;} ( King)
XX-Small; (minimum)
Values can be as long as the general, unit: PX, PD
2, the pattern
{font-style: oblique;} ( skew body)
Italic; (italics)
Normal; (normal)
3, line height
{line-height: normal;} ( normal)
Unit: PX, PD, EM
4, the thickness of
{font-weight: bold;} ( bold)
Lighter; (Serif)
Normal; (normal)
5, a variant
{font-variant: small-caps ;} ( small capital letters)
Normal; (normal)
6, the case
{text-transform: capitalize;} ( initials)
UPPERCASE; (uppercase)
lowercase; (lowercase)
none; (no)
7, the modified
{text-decoration: underline;} ( underlined)
overline; (overlined)
Line-through; (strikethrough)
Blink; (flashing)
8, common fonts
(font-family)
“Courier New”，Courier，monospace，“Times New Roman”，Times，serif，Arial，Helvetica，sans-serif，Verdana
2, background properties (background)
色彩 {background-color: #FFFFFF;}
Image {background-image: url ();}
重复 {background-repeat: no-repeat;}
Scroll {background-attachment: fixed;} (fixed) Scroll; (scrolling)
Position {background-position: left;} (horizontal) Top (vertical);
Shorthand method {background: # 000 url (...) repeat fixed left top;}
3, block attributes (Block)
Word spacing {letter-spacing: normal;} value
Alignment {text-align: justify;} (Justify) left; (left-justified) right; (right alignment) Center; (middle)
Indent {text-indent: numerical px;}
Vertical alignment {vertical-align: baseline;} (baseline) Sub; (subscript) Super; (subscript) top; text-top; middle; bottom; text-bottom;
Word spacing word-spacing: normal; value
Spaces white-space: pre; (reserved) nowrap; (not wrapped)
Show {display: block;} (block) inline; list-item (embedded); (list item) run-in; (additional portion) Compact; (compact) marker; (tag) table; inline-table; table- raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption; (table header)
4, block attributes: (Box)
width :; height :; float :; clear: both; margin :; padding :; order: right lower left
5, border properties: (Border)
border-style: dotted; (dotted line) Dashed; (dashed line) solid; double; (double) Groove; (slot line) Ridge; (ridge) the inset from; (recess) OUTSET;
border width border-width :;
border-color：＃;
Shorthand method border: width style color;
6, the list of attributes: (List-style)
The type of list-style-type: disc; (dots) Circle; (circles) Square; (squares) decimal; (number) lower-roman; (Ronaldinho digit number) upper-roman; lower-alpha; upper-alpha;
位置list-style-position: outside;(外) inside;
The image list-style-image: url (...);
7, positioning attributes: (Position)
Position: absolute; opposing; static;
two, css attribute code complete
1, CSS text attributes
color: # 999999; (font color)
font-family: Arial, sans-serif; (font type)
font-size: 9pt; (font size)
font-style: itelic; (the font style)
letter-spacing: 1pt; (word spacing)
line-height: 200%; (line height)
font-weight: bold; (font weight)
vertical-align: sub; (vertically alignment)
vertical-align:super;
text-decoration: line-through; (modified version)
text-decoration: overline;
text-decoration:underline;
text-decoration:none;
text-transform: capitalize; (font-sensitive)
text-transform : uppercase;
text-transform : lowercase;
text-align: right; (Text aligned in the horizontal direction)
text-align:left;
text-align:center;
text-align:justify;
vertical-align property
vertical-align:top;
vertical-align:bottom;
vertical-align:middle;
vertical-align:text-top;
vertical-align:text-bottom;
2, CSS border blank
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
list-style-type:decimal;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-type:lower-alpha;
list-style-type:upper-alpha;
list-style-type:disc;
list-style-type:circle;
list-style-type:square;
list-style-image:url(/dot.gif);
list-style-position: outside;
list-style-position:inside;
3, CSS style background
background-color:#F5E2EC;
background:transparent;
background-image : url(/image/bg.gif);
background-attachment : fixed;
background-repeat : repeat;
background-repeat : no-repeat;
background-repeat : repeat-x;
background-repeat : repeat-y;
Specifies the background-position
background-position : 90% 90%;
background-position : top;
background-position : buttom;
background-position : left;
position-background: right;
. 4, the CSS properties of a connection
a
a:link
a:visited
a:active
a: hover
the mouse cursor style:
Links finger CURSOR: hand
Ten fonts cursor: crosshair
Down arrow cursor: s-resize
Cross arrow cursor: move
Arrow to the right cursor: move
Plus a question mark cursor: help
Left arrow cursor: w-resize
Pointing upwards cursor: n-resize
The rightward arrow cursor: ne-resize
The left arrow cursor: nw-resize
Text I cursor: text
Arrow lower right cursor: se-resize
Lower left oblique arrow cursor: sw-resize
Funnel cursor: wait
Cursor pattern (IE6) p {cursor: url ( "cursor file name .cur"), text;}
5, CSS border List
border-top：1px solid＃6699cc;
border-bottom：1px solid＃6699cc;
border-left：1px solid＃6699cc;
border-right：1px solid＃6699cc;
6, CSS border style
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
left-margin: 10px;
7, CSS property: font style (Font Style)
No. Chinese description tag syntax
A font style {font: font-style font-variant font-weight font-size font-family}
2 font type {font-family: "Font 1", "2 font", "font 3", ...}
3 font size {font-size: value | Inheritance Media | large | large | X-Large | XX- large | small | small | X-Small | XX small}
4 font style {font-style: inherit | italic | normal | oblique}
5 font weight {font-weight: 100-900 | bold | bolder | lighter | normal;}
6 font color {color: value;}
7 color shading {text-shadow: 16-bit color value}
Font 8 rows high {line-height: the value | inherit | normal;}
9 word spacing {letter-spacing: value | inherit | normal}
Word spacing 10 {word-spacing: value | inherit | normal}
11 font transform {font-variant: inherit | normal | small-cps}
12 English Conversion {text-transform: inherit | none | capitalize | uppercase | lowercase}
13 font transform {font-size-adjust: inherit | none}
14 Font {font-stretch: condensed | expanded | extra-condensed | extra-expanded | inherit | narrower | normal | half the condensing | semi-expanded | super condensing | super extended | wider}
8, text styles (Text Style)
No. Chinese description tag syntax
1 Row Spacing {line-height: the value | inherit | normal;}
2 modified text {text-decoration: inherit | none | underline | overline | line-through | blink}
The first section of the space 3 {text-indent: value | inherit}
4 horizontal alignment {text-align: left | right | center | justify}
5 Vertical alignment {vertical-align: inherit | top | bottom | text-top | text-bottom | baseline | middle | sub | super}
6 notation {writing-mode: lr-tb | tb-rl}
9, background style
No. Chinese description tag syntax
A background color {background-color: values}
2 background image {background-image: url (URL) | none}
BACKGROUND repeated 3 {background-repeat: inherit | no-repeat | repeat | repeat-x | repeat-y}
4 fixed background {background-attachment: fixed | scroll}
BACKGROUND Location 5 {background-position: value | top | bottom | left | right | center}
6 back style {background: Background Color | background image | background repeat | BACKGROUND Accessories |} BACKGROUND position
10, frame styles (Box Style)
No. Chinese description tag syntax
1边界留白{margin：margin-top margin-right margin-bottom margin-left}
2补白{padding：padding-top padding-right padding-bottom padding-left}
3边框宽度{border-width：border-top-width border-right-width border-bottom-width border-left-width}
Width value: thin | medium | thick | value
4 border color {border-color: Numerical Value Value Value Value}: representing the top, right, bottom, left color value
5 border style {border-style: none | hide | inherit | burst | solid | double | Illustration | start | ridge | channel}
6边框{border：border-width border-style color}
Top border {border-top: border-top-width border-style color}
右边框{border-right：border-right-width border-style color}
下边框{border-bottom：border-bottom-width border-style color}
左边框{border-left：border-left-width border-style color}
7 Width {width: length | percentage | auto}
8 Height {height: value | auto}
9 Floating {float: left | right | none}
10清除{clear：none | left | right | both}
11, classification list
No. Chinese description tag syntax
1 controls the display {display: none | block | inline | list-item}
2 Control Blank {white-space: normal | pre | nowarp}
3符号列表{list-style-type：disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none}
4 graphical list {list-style-image: URL}
5 position list {list-style-position: inside | outside}
6 directory list {list-style: style directory type | style directory location | url}
7鼠标形状{cursor：hand | crosshair | text | wait | move | help | e-resize | nw-resize | w-resize | s-resize | se-resize | sw-resize} -------- -------------