CSS3.0 attributes on text

Source: Internet
Author: User
CSS Properties
Text properties:
Color: text colors; hexadecimal notation and word notation are usually used
FONT-SIZE:12PX/14PX/16/PX; Text Size
font-family: XXFarEastFont-arial/Bold/Microsoft black text font
Font-style:normal (normal)/italic (italic) Text style
Font-weight:100-900,normal/bold; Text Bold
BORDER-BOTTOM:1PX solid blue;
Paragraph properties:
Text-align:center/left/right the horizontal alignment of text
text-indent:2em/20px; Text indent
Text-decoration:none/underline/overlive/line-through text decoration no/underline/underline/strikethrough remove the underline of the link with this is not a font-style
line-height:22px/150%/1.5 PS measurement is done from the first line to the end of the second line

Important role: You can align a line of text vertically up and down, line-height:height

Text-transform:capitalize (First letter capital) | Uppercase (All caps) | lowercase (all lowercase)
word-spacing:20px the distance between a word and a word
letter-spacing:20px the distance between letters and letters, the distance between Chinese characters and Chinese characters
White-space:normal/nowrap (force do not wrap)
Background properties: (background) (compliant)
Background-color: #ff0 Background color
Background-image:url (path) Background image
Background-repeat:repeat/no-repeat/repeat-x/repeat-y background image needs to be duplicated
Background-position:x y;
X:left Right center 20px 20%;
Y:top Bottom center 20px 20%;
Background: #ff URL (.. /images/star.jpg) No-repeat left top;

Images that need to be added to a hyperlink are inserted into the image: <a href= "#" ></a>
Do not need to add hyperlinks to the image generally use the background image, with background this CSS property
Margin: upper right and lower left;
Vertical-align:top/middle/bottom; Vertical alignment
List Properties
List-style:none; get rid of unordered list/bulleted table bullets
List-style-type:circle/square/disc/lower-alpha
List-style-image:url ();
List-style-position:inside/outside;
List-style:url () inside;

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.