CSS3 selector, background, border, text

Selector:

[Attribute^=value] attribute values begin with value element

The [Attribute&=value] property value ends with the element

[Attribute*=value] Property value contains the element of value

: First-of-type The first sibling element of the parent element

: Last-of-type parent Element Last sibling element

: Only-child parent element has only one child element

: Only-of-type parent element has only one sibling element

: Nth-child (n) parent element nth child element

: Nth-last-child (N) parent element countdown Nth child element

: Nth-of-type (n) parent element nth Sibling element

: empty element with No child elements

: Checked the selected element

Border:

Border-radius: Rounded border

Border-radius:length;

/* Rounded corners with length radius */

Box-shadow: Border Shadow

Box-shadow:h-shadow v-shadow blur spread color inser/outset;

/*h-shadow: Horizontal position, V-shadow: Vertical position, Blur: Blur distance, spread: Shadow size, Color: Shadow color, Inser: Inner Shadow/outset: Outer shadow */

Border-image: Border picture

Border-image-source: Picture Path

Border-image-slice: Border Inward offset

Border-image-width: Picture Border width

Border-image-outset: The amount of border image beyond the border

Border-image-repeat: Whether the border is tiled (repeated), covered (rounded), stretched (stretched)

Background:

Background-clip: Background plot area Border-box, Padding-box, Content-box

Backdround-origin: Background positioning border-box, Padding-box, Content-box

Background-size:length | Percentage | Cover | Contain

/*length: Picture Width Height: First value width, second value height */

/*percentage: As a percentage of the parent element wide: One wide, two high */

/* Cover: Full coverage of the background area */

/*contain: Full coverage of content area */

Text:

Text-shadow: Text Shadow

Text-shadow:h-shadow V-shadow Blur Color

/*h-shadow: Horizontal position, V-shadow: Vertical position, Blur: Blur distance, color: Shadow color */

Word-wrap: Line break

Word-warp:normal (Word break line) |break-wrap (long words or URL wrapping)

CSS3 selector, background, border, text