6 mouse cursor attributes
The default page in the mouse pointer only two, one is the most common arrow, and the other is to occur when the mobile link on the "little hands." But now more and more pages are using CSS technology mouse pointer when the mouse moves over the link, you can see a variety of different effects. CSS may be achieved by the cursor property of changing shape of the mouse, the property may be a default mouse shape default, small hand shape Hand, indicating an object may be moved move, cross-cross Crosshair, hourglass shape wait text selector number text, Windows, and with arrow attribute values to the query mouse and help all directions. Examples are as follows:
p {cursor: pointer;} / * When the mouse on this modified paragraph elements, a "small hand" shape of the mouse * /
7 List Properties
The default list style is relatively simple, but the CSS-related attributes rich appearance of the list can be used. For example you can add a solid circle in front of a line of text, open circles, solid squares, you can also use Arabic numerals, uppercase or lowercase in the ordered list of Roman numerals, uppercase or lowercase letters, you can also customize the list of symbols. Its properties are shown in Table 1.
Table 1 CSS attribute common control list
Although using list-style-type attribute setting extensive list of symbol types, and may also be used list-style-image attribute list to add custom symbols, these methods control the position of the symbol is not strong. Commonly used method is to close itself bulleted list item, and then use a custom symbol image as a background element added to the list. This enables the use of a background image CSS positioning properties to precisely control the alignment of custom symbols.
Different browsers parse the list styles are not the same, IE and Opera browsers use a left outer blank margin indent control list, while Firefox and Safari fill in the blanks in the left margin indentation control list is used. Therefore, when using the list-style, left the blank margin (margin) first of all to the list and fill in the blanks in the left margin (padding) is set to 0, remove all indented margins. Examples of these tasks complete code as follows:
Then you can add a custom symbol. First indent text used to fill gaps or list item on the left, leaving room for the desired symbol image, and the image from the symbol defined as background images to list items. If the contents of a list of items span multiple lines, the symbol image is not desired to be placed in a position of the first row, to the vertical position of the center can be set to 50% or so that the symbol image vertically. Examples are as follows:
