What are the properties of css

css attributes include: 1. Font attribute, font; 2. Background attribute, background; 3. Block attribute, block; 4. Box attribute, box; 5. Border attribute, border; 6. List Attributes, list-style; 8. Positioning attributes, position, etc.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

1. Font attributes: (font)

Size font-size: x-large; (extra large) xx-small; (extremely small) Generally not used in Chinese Yes, just use numerical values, units: PX, PD

font-style:oblique;(italic) italic;(italic) normal;(normal)

line-height line- height:normal;(Normal) Unit: PX, PD, EM

Thickness font-weight:bold;(Bold) lighter;(Thin) normal;(Normal)

Variation font-variant: small-caps; normal;

text-transform: capitalize; uppercase lowercase none;( None)

Modify text-decoration: underline;(underline) overline;(overline) line-through;(strikethrough) blink;(blink)

2. Background Attributes: (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);

abbreviation Method background:#000url(..) repeat fixed left top;

3. Block attributes: (Block)

letter-spacing:normal; value

Align text-align:justify;(Align both ends) left;(Align left) right;(Align right) center;(Center)

Indent text-indent: Value px;

Vertical alignment vertical-align:baseline;(baseline) sub;(subscript) super;(subscript) top; text-top; middle;bottom; text-bottom;

Word Spacing word-spacing: normal; value

white-space:pre;(reserved) nowrap;(no line break)

display display:block;(block) inline;(embedded) list-item;(list item) run-in;(append part) compact;

(compact) marker;(marker) table; inline-table;table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group;table-column; table-cell; table-caption;(table title)

4. Box attributes: (Box)

width:; height:; float:; clear:both; margin:; padding:; Order: top, right, bottom, left

5. Border properties: (Border )

border-style: dotted; (dotted line) dashed; (dashed line) solid; double; (double line) groove; (groove line) ridge; (ridge-shaped) inset; (dented) outset;

border-width:; Border width

border-color:#;

Abbreviation method border:width style color;

6. List attributes: (List-style)

type list-style-type: disc; (dot) circle; (circle) square; (square) decimal; (number) lower-roman ;(Small Roman code number) upper-roman;lower-alpha; upper-alpha;

position list-style-position:outside;(outside) inside;

image list-style- image:url(..);

7. Positioning attributes: (Position)

Position: absolute; relative; static;

visibility: inherit; visible; hidden;

overflow: visible; hidden; scroll; auto;

clip: rect(12px,auto,12px,auto) (cut)

8. CSS symbol attributes:

list-style-type:none; /*No number*/

list-style-type:decimal; /*Arabic numerals */

list-style-type:lower-roman; /*Lowercase Roman numerals*/

list-style-type:upper-roman; /*Uppercase Roman numerals*/

list-style-type:lower-alpha; /*Lowercase English letters*/

list-style-type:upper-alpha; /*Uppercase English letters*/

list-style-type:disc; /*Solid circular symbol*/

list-style-type:circle; /*Hollow circular symbol*/

list-style-type: square; /*Solid square symbol*/

list-style-image:url(/dot.gif); /*Picture-style symbol*/

list-style-position: outside; /*Convex row*/

list-style-position:inside; /*Indent*/

9. CSS connection properties:

a /*All hyperlinks*/

a:link /*Hyperlink text format*/

a:visited /*Viewed link text format*/

a:active /*Format of pressed link*/

a:hover /*Mouse to link*/

Recommended learning: css video tutorial

The above is the detailed content of What are the properties of css. For more information, please follow other related articles on the PHP Chinese website!