CSS Cascading style sheet 2

a common attribute

1.1 Color Properties

The Color property defines the colors of the text

Color:green

Color: #ff6600

Color: #f60 (abbreviated)

Color:rgb (255,255,255) Red (R). Green (G). Blue (B) each value range 0-255

Color:rgba (255,255,255,1) RGBA is representative of Red (red). Green. Transparency of Blue (blue) and alpha (color space)

1.2 Font Properties

1.2.1 Font-size Font Size

font-size:14px

1.2.2 Font-family Defining fonts

font-family: Microsoft Ya-hei, serif;

You can use "," to make sure that when the font does not exist, use the next

1.2.3 Font-weight Font Bold

Normal (default). Bold (Coarse). Bolder ( thicker). Lighter (Finer)

100.200.300-900 400=normal, and 700=bold

1.3 Background Properties

1.3.1 Background Color Background-color

1.3.2 Background Image Background-image

background-image:url (picture path)

Background-image:none

1.3.3 Background Repeat Background-repeat

Repeat repeat tile full

Repeat-x Repeat to X axis

Repeat-y repeat to Y-axis

No-repeat not repeat

1.3.4 Background Position background-position

Transverse (left,center,right)

Portrait (Top,center,bottom)

1.3.5 Shorthand method

background: Background color URL (image) repeat position

Background: #f60 URL (images/bg.jpg) no-repeat Top Center

1.4 Text Properties

1.4.1 Text-align Horizontal Arrangement Left,center,right

1.4.2 Line-height Text line height

percent line height based on font size

Values to set a fixed value

1.4.3 Text-indent First Line indent

1.4.4 letter-spacing Character Spacing

Normal Default

Length set a specific value (you can set a negative value)

Inherit inheritance

1.5 Border Properties

1.5.1 Border Style Border-style

1.5.1.1 Unified Style (abbreviated style) Border-style

1.5.1.2 define a border style for a direction individually

Border-bottom-style Bottom Border style

Border-top-style Top Border Style

Border-left-style left Border Style

Border-right-style Right Border style

1.5.1.3 property values for border style styles

None No Border

Solid straight border

Dashed dashed border

Dotted point line border

Double two-line border

Groove Convex groove border

Ridge Ridge Border relies on Border-color property values

Inset inset border

Outset outset border

Inherit inheritance

1.5.2 Border Width border-width

1.5.2.1 Unified Style Border-width

1.5.2.2 Individual Style

border-top-width Top Border Width

Border-bottom-width Bottom Border Width

Border-left-width Left Border width

Border-right-width Right Border width

1.5.2.3 property values for border widths

Thin Fine Border

Medium Medium border

Thick thick border

PX Fixed-value border

Inherit inheritance

1.5.3 Border Color Border-color

1.5.3.1 Unified Style Border-color

1.5.3.2 individual Style

border-top-color Top Border color

Border-bottom-color Bottom Border color

Border-left-color left Border color

Border-right-color Right Border color

1.5.3.3 Property value

name of the color value Red.green

RGB RGB (255.255.0)

Rgba Rgba (255.255.0.0.1)

16-bit binary #ff0. #ff0000

Inherit inherit

Four scenarios for 1.5.3.4 property values

a value: Border-color: (Upper. Left. Right)

Two values: Border-color: (Up/down) (left/right)

Three values: Border-color: (UP) (left and right) (bottom)

Four values: Border-color: (top) (right) (bottom) (left)

1.5.3.5 Shorthand method Border:solid 2px #f60

1.6 List Properties

Type of 1.6.1 tag List-style-tyle

None No tag

Disc default, Mark is solid circle

Circle marker is a hollow circle

Square Markers are solid squares

The decimal token is a number

Decimal-leading-zero 0 Number marks (01,02,03, etc.)

Lower-roman lowercase roman Numerals (i,ii,iii,iv,v, etc.)

Upper-roman Capital Roman Numerals (i,ii,iii,iv,v, etc.)

Lower-alpha lowercase English Alphabet The marker is lower-alpha (a,b,c,d,e, ET)

Upper-alpha Capital English Alphabet The marker is upper-alpha (a,b,c,d,e, ET)

Lower-greek lowercase Greek alphabet (alpha,beta,gamma, etc.)

Lower-latin lowercase Latin alphabet (a,b,c,d,e, etc.)

Upper-latin uppercase Latin alphabet (a,b,c,d,e, etc.)

Hebrew the traditional Hebrew numbering method

Armenian the traditional Armenian numbering method

Georgian Traditional Georgian numbering method (An,ban,gan, etc.)

Cik-ideographic Simple ideographic Numbers

Hiragana tags are: a,i,u,e,o,ka,ki, et. (Japanese Katakana)

Katakana tags are: a,i,u,e,o,ka,ki, et. (Japanese Katakana)

Hiragana-iroha tags are: i,ro,ha,ni,ho,he,to, et. (Japanese Katakana)

Katakana-iroha tags are: i,ro,ha,ni,ho,he,to, et. (Japanese Katakana)

1.6.2 the location of the marker list-style-position

inside list item markers are placed within text, and wrapping text is aligned according to the tag

Outside default, keep marks on the left side of text, list items outside of text, and wrapping text not aligned to tags

Inherit specifies that the value of the List-style-position property should be inherited from the parent element

1.6.3 Set the image list tag List-style-image

path to the URL image

None default, no graphic is displayed

Inherit specifies that the value of the List-style-image property should be inherited from the parent element

1.6.4 Shorthand Method List-style

list-style:square inside URL ('/i/arrow.jpg ')

CSS Cascading style sheet 2