Common CSS for the general section

Source: Internet
Author: User

1. Text-shadow text Shadow {Horizontal vertical direction blur value Color}

2. Color text

3. Text-decoration text Effect {None/overline underline/underline underline/line-though Delete line}

4. Direction indicates the text direction {ltr From left to right/rtl from right to left}

5. text-align text Alignment {Left aligns/right align right/center center}

6. Line-height represents the height of the line, the distance between the vertical direction of the two text baselines

7. Word-spacing the interval between English words with a given value

8. Letter-spacing the interval between the English mother and the child with a given value

9. text-indent = text Indent {value/percent}

10.list-style Property

is to set the style of the second box

Default value: None: Indicates no style, and the second box is hidden

Default styles for 11.OL and UL
List-style-type

Set the contents displayed in the secondary box with the internal display as List-item

List-style-image

Set the picture shown in the List-item box for internal display

List-style-position

Set the position of the secondary box with the internal display as List-item

List-style

Background-repeat Indicates whether the background is tiled {no-repeat uneven/repeat-x tiles horizontally from the horizontal/repeat-y tile the default tile vertically from the vertical}

13.background-size indicates the size of the background map {width height}

background-position Indicates the position of the background map {vertical distance horizontal distance}

background-attachment = Background association {fixed} long content background fixed does not move up or down with text

Background-clip background Trim {Padding-box inside margin display/border-box within the border/content-box display in the content box}

Background:linear-gradient (the first parameter represents the gradient direction, the second parameter represents the color at which the ramp starts, you can add several colors (transition colors) ... The last parameter represents the end color) to indicate a background gradient

Background:repeat-linear-gradient (the first parameter represents the direction of the linear gradient, the second parameter represents the first color and the start position, the third parameter represents the first color and the end position, the color ...) The penultimate parameter represents the last color and the starting position, the last parameter represents the last color, and the ending position, representing the background linear gradient

Background:radial-linear-gradient (circle, color) indicates that a concentric gradient is rendered outward from the center of a circle

Background-origin{content-box start from the Content box/border-box start from the border/padding-box indicates the starting position of the background picture or background color from the inner margin box. Invalid when property background-attachment is fixed

Elastic box

Display:flex;

The elastic box is equivalent to a float that does not deviate from the document flow. Flex-warp:warp is the meaning of line break/The default is Nowarp does not break the line.

Common CSS for the general section

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.