/ * CSS style sheet example * /
/ * This tag is a comment * // * Custom label can also be Chinese name * // * If "." Starts a custom label (that is, label for all elements) FrontPage will automatically add to the style list. In the box * /
/* 1. Add the following code in the web source code to connect to the style sheet: * /
/ * * /
/ * Set the value of HREF according to the specific situation. * /
/* 2. Size unit * /
/ * PX pixel * // * Pt pound * // * mm mm * // * cm cm * // * EM 1em = 12pt * // * PC 1PC = 12pt * // * in in in in inch * /
/ * 3. Angle unit * /
/ * DEG * // * Grad gradient * // * RAD radians * /
/ * 4. Frequency unit * /
/ * Hz * // * kHz * /
/ * ------------------------------------ /
/ * Set the foreground color * /. About_color {color: RGB (255, 0, 0);
/ * Set background * / .about_background {background-color: # 00ff00; / * Set background color, None is the default value, can be changed to color value * / background-image: url ('../ images / bluearrow.gif' ); / * Set the background image, the URL can be an absolute address, or the relative address * / background-repeat: repeat-x; / * Setup background image, optional value is: * / / * REPEAT Two directions of the x-axis and y-axis repeatedly display image * / / * REPEAT-X Repeat the image in the X-axis direction * / / * Repeat-y Returned in the Y-axis direction * / / * no-repeat Do not repeat the image * / Background-attachment: fixed / * Set watermark, fixed opens watermarking effect, Scroll Close watermark * /}
/ * Color can be a hexadecimal value, RGB () function or CSS recognition color name. Such as: * / / * None transparent * / / * red red * / / / * Green green * / / * blue Blue * / / * White white * /
/ * Set the font * /. About_font {font-family: "CIC Creative", "Symbol Font", "Arial Black", "Huawen Xin Wei"; / * Set the font, you can set a priority, if the first The font is invalid, reference the second font. * / Font-size: 2em; / * Set the font size * / font-style: normal; / * Set the font tilt degree, optional value is: normal, itAlic, oblique * / font-weight: bold; / * Setting the word weight The degree, the default is Normal, optional value is: * / / * Normal, Bold, Bolder, Lighter and Digital expressions * / font-variant: Normal / * optional value is: Normal, Small-Caps. / * A lowercase letter in an element that uses a Small-Caps property looks * / / * is smaller than normal uppercase letters.
* /} / * Settings text properties * /. About_text {text-indent: 2em; / * Settings text indentation * / alignment: center; / * Set text alignment, optional value: Left, center, right, Justify * / text-decoration: none; / * Set text modification, optional value is: * / / * None no modified * / / * underline underscore * / / * overline upper line * / / * line-through delete Line * / / * blink flashing * / text-shadow: black; / * Settings text shadows, can be set to black * / letter-spacing: auto; / * Text word spacing * / Word-spacing: 2em; / * Setting Word spacing * / text-transform: Uppercase; / * Set size, optional value is: * / / * Capitalize Each sentence is a capital * / / * Uppercase all uppercase * / / * LowerCase all lowercase * /} / * Settings list * /. About_list {list-style-type: disc / * Set the project symbol style, optional value is: * / / * DISC round * / / * Circle hollow circle * / / * Square square * / / * Decimal decimal value * / / * Lower-Roman lowercase Roman number * / / * Upper-Roman uppercase Roman number * / / * lower-alpha lowercase Greek letter * / / * Upper-alpha override Greece Letters * / / * list-style-image: URL (_Private / Bluearrow.gif) Set the item symbols * /} / * Set the border * /. About_border {/ * Set Box Border Wide Value * / Border-TOP- Width: 2px; border-right-width: 2px; border-bottom-width: 5px; border-left-width: 5px; / * can also be used with border-width: on the right lower left * / / * set Border color Value * / border-top-color: red; border-right-color: # cc0000; border-bottom-color: blue; border-left-color: # 00cccc;
/ * You can also use Border-Color: on the right lower left * / / * set BOX border style * / border-top-style: Double; border-right-style: dotted; border-bottom-style: dashed; border- Left-style: solid; / * can also use Border-style: optional value for the upper right left * / / / / * border-style: * / / * None Border * / / * Solid solid line * / / * Double Double Line * / / / * Dotted Point * / / / * Dashed Long Short Wire * / Border-Collapse: Collapse; / * Units Ballar None * /} .about_line {line-height: 50px; / * Set line height * /}
.About_margin {/ * margin properties * / margin-top: 5px; / * on * / margin-right: 2pt; / * right * / margin-botton: 2em; / * lower * / margin-left: 2pt; / * Left * / / * When only two parameters, margin appears to be up and down, left and right * / / * When only three parameters, Margin appears to be on, left and right, down * / / * When there are four parameters, Margin It is similar to the upper, right, lower, left * /} .about_padding / * padding value and margin value, indicating the distance between the side of the Box and the internal text of the BOX. * / {Padding-top: 5px; / * on * / padding-right: 2pt; / * right * / padding-botton: 2em; / * lower * / padding-left: 2pt; / * left * /}
/ * Define the element position * /. About_position {
Position: static; / * Define the element position, optional value is: * / / * static (inherent location), Relative (relative position), Absolute: LTR; / * Decide the Arrangement of BOX Method, optional value is: LTR, RTL * / float: none; / * Decide the floating position of the box, optional value is: left, right, none * / clear: none; / * Prohibition of other elements from floating next to Box Optional values are: * / / * Left, Right, Both, None * / TOP: Auto; / * Precisely define the location of the element * / Right: auto; Botton: Auto; Left: auto; z-index: auto; / * CSS allows the overlapping display of the element, this property defines the hierarchical relationship of the element, the value can be a number * / width: auto; / * Precisely define the width of the element * / / * CSS allows Max-Width (maximum width) attributes and Min-Width * / / *, defines element widths between the maximum width and minimum width * / height: auto; / * Precisely define the height of the element * / / * CSS Allow MAX-HEIGHT ( Maximum height) attribute and min-height * / / * attribute, define element widths between maximum height and minimum height * / overflow: visible; / * Set the state when the element is insufficient display, The selected value is: * / / * Visible (expanded area to display all content) * / / * Hidden (Hidden Over-range content) * / / * scroll (display a scroll bar on the right side of the element) * / / * auto Show scroll bar when needed) * /} / *********************************************************** ********************************************* / / * HTML Tag of*//********************* *********************************************************** ************* / * Hyperlink: General * / A: Link {color: # 0033cc; Text-Decoration: none}
/ * Hyperlink: * / a: visited {color: # 0033cc; text-decoration: none}
/ * Hyperlink: Access * / A: Active {Color: # ff0000; Text-Decoration: none}
/ * Hyperlink: Hover * / A: Hover {color: # 000000; Text-Decoration: underline} / * Defines hovering on the mouse style * / about_cursor {cursor: auto; / * default * / / / * Selected value: * / / * default: ordinary mouse style * / / / * HAND: hand * / / / / * Pointer: hand * / / * crosshair: fine cross * / / * Move: Mobile * / / * text: text * / / * Wait: Busy * / / * Help: Help * /
/ * e-resize: Some changed sized mouse styles * / / * ne-resize: * / / / * nw-resize: * / / / * n-resize: * / / * se-resize: * / / * sw- Resize: * / / * s-resize: * / / * w-resize: * / / / / *
