What are the basic properties of css design
This article mainly shows you "what are the basic properties of css design", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "what are the basic properties of css design" this article.
1. Background attribute: (background)
Picture {background-image: url ();}
Color {background-color: # FFFFFF;}
Repeat {background-repeat: no-repeat;}
Scroll {background-attachment: fixed;} (fixed) scroll; (scroll)
Position {background-position: left;} (horizontal) top (vertical)
Abbreviated method {background:#000 url (..) Repeat fixed left top;} / * shorthand this often appears in the reading code, you should study it carefully * /
two。 Font properties: (font)
Size {font-size: Xmurag;} (extra large) xx-small; (very small) is generally not needed in Chinese, as long as you can use a numeric value, in PX, PD
Style {font-style: oblique;} (italic) italic; (italic) normal; (normal)
Row height {line-height: normal;} (normal) unit: PX, PD, EM
Weight {font-weight: bold;} (bold) lighter; (fine) normal; (normal)
Variant {font-variant: small-caps;} (small uppercase) normal; (normal)
Uppercase and lowercase {text-transform: capitalize;} (initials) uppercase; (uppercase) lowercase; (lowercase) none; (none)
Modify {text-decoration: underline;} (underline) overline; (overline) line-through; (delete line) blink; (flashing)
3.CSS background style:
Background-color:#F5E2EC; / * background color * /
Background:transparent; / * Perspective background * /
Background-image: url (/ image/bg.gif); / * background image * /
Background-attachment: fixed; / * floating watermark fixed background * /
Background-repeat: repeat; / * repeat arrangement-web default * /
Background-repeat: no-repeat; / * No repetitive arrangement * /
Background-repeat: repeat-x; / * repeat on the x-axis * /
Background-repeat: repeat-y; / * repeat on the y-axis * /
4.CSS connection Properties:
A / * all hyperlinks * /
A:link / * hyperlink text format * /
A:visited / * browsed link text format * /
A:active / * Press the link format * /
A:hover / * Mouse to link * /
5. Mouse cursor style:
Link finger CURSOR: hand
Ten-font cursor:crosshair
Arrow down cursor:s-resize
Cross Arrow cursor:move
Arrow to the right, cursor:move
Add a question mark cursor:help
Arrow to the left, cursor:w-resize
Arrow up, cursor:n-resize.
Arrow up right, cursor:ne-resize.
Arrow up left, cursor:nw-resize.
Text type I cursor:text
Arrow oblique to the bottom right cursor:se-resize
Arrow oblique bottom left cursor:sw-resize
Funnel cursor:wait
Cursor pattern (IE6) p {cursor:url ("cursor file name .cur"), text;}
The above is all the content of the article "what are the basic properties of css design?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
