Cascade Style File common style arrangement

Source: Internet
Author: User

Common CSS file styles integrated by multiple projects. The related annotations are for reference only:

View code

1/* <PRE>: defines pre-formatted text. <code>: indicates the text content of the computer source code;
2 * <fieldset>: groups related elements in the Form. <legend>: defines the title for the fieldset label;
3 * <BLOCKQUOTE>: for block applications, line breaks and margins are automatically added.
4 * remove the outer and inner margins of the predefined style from the following elements:
5 */
6 body, Div, DL, DT, DD, UL, ol, Li, H1, H2, H3, H4, H5, H6, pre, code, form,
7 fieldset, legend, input, button, textarea, P, BLOCKQUOTE, Th, TD {margin: 0; padding: 0 ;}
9/* <abbr>: indicates the abbreviation. <acronym>: indicates the abbreviation.
10 * clear border styles for the following elements */
11 fieldset, IMG {border: 0 ;}
12 abbr, acronym {border: 0; font-variant: normal ;}
14/* dotted box when the element gets the focus */
15: Focus {outline: 0 ;}
17/* <address>: You can define an address, which is usually in italic; <caption>: defines the table title, which must be followed by the <Table> label and has only one address;
18 * <cite>, <dfn>, and <var> phrase elements present special styles. <optgroup>: usually used in conjunction with the <SELECT> drop-down box, indicates the category name of the selected item in the group, which is usually italic.
19 * set the following element font styles
20 */
21 address, caption, cite, code, dfn, Th, VAR, optgroup {font-style: normal; font-weight: normal ;}
22 H1, H2, H3, H4, H5, H6 {font-size: 100%; font-weight: normal ;}
23 input, button, textarea, select, optgroup, option {font-family: Inherit; font-size: Inherit; font-style: Inherit; font-weight: Inherit ;}
24 input, button, textarea, select {* font-size: 100% ;}
26/* clear list style */
27 ol, UL {list-style: none ;}
29/* border-collapse: defines whether the table row and column border are merged into a single border or have their own border respectively. The value is separate | collapse.
30 * border-Spacing: defines the distance between borders of adjacent cells. In this case, it must be set to "border separation mode: Separate]
31 * MERGE table borders
32 */
33 table {border-collapse: collapse; border-Spacing: 0 ;}
35 caption, Th {text-align: Left ;}
36 sup, sub {font-size: 100%; Vertical-align: baseline ;}
37 ins {text-Decoration: none ;}
38 del {text-Decoration: Line-through ;}
40/* No quotation marks */
41 BLOCKQUOTE, q {quotes: none ;}
42 BLOCKQUOTE: before, BLOCKQUOTE: After, Q: before, Q: After {content: ''; content: none ;}
44/* remove the slide line of the link content; move the mouse to the hand shape; eliminate the dotted line boxes generated when you click the link */
45 A {text-Decoration: none; cursor: pointer; BLR: expression (this. onfocus = This. Blur ())}
47/* General body style */
48 body {
49 font-size: 12px;
50 font-family: "", "", verdana, Arial;
51 color: # 4d4d4d;
52 background-color: # ffffff;
53 line-Height: 22px;

-------------------------------------------- You are welcome to give me a pick. More needs to be supplemented and improved ---------------------------------------------------------------

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: 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.