CSS Code attributes (HTML)

Source: Internet
Author: User

CSS text attributes:
color: #999999;/* text color */
font-family:, sans-serif; /* text font */
font-size: 9pt;/* text size */
font-style: itelic; /* italic text */
font-variant: Small-caps;/* small font */
letter-Spacing: 1pt; /* spacing between words */
line-Height: 200%;/* set the Row Height */
font-weight: bold; /* Bold text */
vertical-align: Sub;/* subscript word */
vertical-align: Super; /* supermark */
text-Decoration: Line-through;/* strikethrough */
text-Decoration: overline; /* Top Line */
text-Decoration: underline;/* underline */
text-Decoration: none; /* Delete the link underline */
text-transform: Capitalize;/* capital */
text-transform: uppercase; /* uppercase letters */
text-transform: lowercase;/* lowercase letters */
text-align: right; /* Right-aligned text */
text-align: Left;/* Left-aligned text */
text-align: center; /* align text in the center */
text-align: justify;/* scattered text alignment */
vertical-align attribute
vertical-align: top; /* vertical and upward alignment */
vertical-align: bottom;/* vertical and downward alignment */
vertical-align: middle; /* vertical center alignment */
vertical-align: Text-top;/* vertical and upward alignment of text */
vertical-align: Text-bottom; /* vertical and downward alignment of text */

Iii. 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 letters */
List-style-type: Upper-alpha;/* uppercase letters */
List-style-type: disc;/* Solid circular symbol */
List-style-type: circle;/* hollow circle symbol */
List-style-type: Square;/* solid square symbol */
List-style-image: URL (/dot.gif);/* image symbol */
List-style-position: Outside;/* convex */
List-style-position: Inside;/* indent */
Iv. CSS background style:
Background-color: # f5e2ec;/* Background Color */
Background: transparent;/* view background */
Background-image: URL (/image/bg.gif);/* background image */
Background-Attachment: fixed;/* float watermark fixed background */
Background-repeat: Repeat;/* repeat-default page */
Background-repeat: No-Repeat;/* no duplicates */
Background-repeat: Repeat-X;/* repeat on the X axis */
Background-repeat: Repeat-y;/* repeat the Y axis */
Specify the background position
Background-position: 90% 90%;/* position of the background image X and Y axis */
Background-position: Top;/* align upwards */
Background-position: buttom;/* align downward */
Background-position: Left;/* align to left */
Background-position: Right;/* align to the right */
Background-position: center;/* center alignment */
V. CSS connection attributes:
A/* All hyperlinks */
A: Link/* hyperlink text format */
A: visited/* URL text format browsed */
A: active/* Format of the pressed link */
A: hover/* move the cursor to the link */
Mouse and cursor style:
Link finger cursor: Hand
Cross cursor: crosshair
Arrow down cursor: S-resize
Cross arrow cursor: Move
Arrow toward right cursor: Move
Add a question mark (cursor: Help)
Arrow toward left cursor: W-resize
Arrow up cursor: N-resize
Arrow toward top right cursor: NE-resize
Arrow toward top left cursor: NW-resize
Text I-type cursor: Text
Arrow oblique lower right cursor: Se-resize
Down-left arrow cursor: Sw-resize
Funnel cursor: Wait
Cursor pattern (IE6) P {cursor: URL ("cursor file name. cur"), text ;}
Vi. List of CSS borders:
Border-top: 1px solid # 6699cc;/* upper box line */
Border-bottom: 1px solid # 6699cc;/* bottom line */
Border-left: 1px solid # 6699cc;/* left frame line */
Border-Right: 1px solid # 6699cc;/* right frame line */
The above is the recommended writing method, but you can also use the conventional method as follows:

Border-top-color: #369/* set the top color of the upper box line */
Border-top-width: 1px/* set the top width of the upper box line */
Border-top-style: solid/* set the top style of the upper box line */
Other box style
Solid/* solid box */
Dotted/* dotted box */
Double/* double box */
Groove/* three-dimensional convex box */
Ridge/* stereo relief frame */
Inset/* concave box */
Outset/* convex box */
VII. CSS form application:
Text Box
Button
Check box
Selection button
Multi-line text box
Drop-down menu option 1 option 2
VIII. CSS border style:
Margin-top: 10px;/* upper boundary */
Margin-Right: 10px;/* right boundary value */
Margin-bottom: 10px;/* bottom boundary value */
Margin-left: 10px;/* left boundary value */
9. CSS border Blank
Padding-top: 10px;/* Leave the upper border blank */
Padding-Right: 10px;/* left blank on the Right Border */
Padding-bottom: 10px;/* Leave the bottom border blank */
Padding-left: 10px;/* Left Border Blank

From: http://www.leopu.com/article.asp? Id = 50

Related Article

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.