Cascade Style File common style arrangement

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 ;}
8
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 ;}
13
14/* dotted box when the element gets the focus */
15: Focus {outline: 0 ;}
16
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% ;}
25
26/* clear list style */
27 ol, UL {list-style: none ;}
28
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 ;}
34
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 ;}
39
40/* No quotation marks */
41 BLOCKQUOTE, q {quotes: none ;}
42 BLOCKQUOTE: before, BLOCKQUOTE: After, Q: before, Q: After {content: ''; content: none ;}
43
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 ())}
46
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;
54}

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