CSS

This article mainly for you in detail the CSS basic style links, with a certain reference value, interested in small partners can refer to I. Four states of CSS links 1.a:link Common, inaccessible links 2.a:visited user has visited the link 3.a:

First, deformation transform: The element object can be rotated rotate, scaled scale, moved translate, tilted skew, matrix deformed.Example: Transform:rotate (90deg) scale (1.5,0.8) translate (100px,50px) skew (45DEG,45DEG);/* Matrix Warp */matrix (,

In Web AuthoringOften want to control the maximum width of p width/height or the minimum width/height, but in IE6 many friends will encounter incompatible headache problems, including I also often encountered such problems, in Baidu search a lot of

CSS has a lot of properties, and each property has a lot of values, and there are thousands of combinations. The combination of different attributes can also produce different styles, CSS is really a beautiful style design language. Here's a summary

Priority: External style Priority, that is: the right side of the selector with the same name overrides the left 1. Internal style sheet 2. Use the link tag to declare one of the most common ways to use external resources in a document. The

One, the difference between the inline element and the block-level element 1, the line elements will not occupy the whole line, in a straight line, are the same row, horizontal direction; Block-level elements occupy a row and are arranged in a

1. Compatibility According to the Canius,transition compatibility as shown: move the mouse pointer over the blue P element to see the transition effect. Note: This example is not valid in Internet Explorer. The transition effect does not

Animations implemented: Pre-loaded animation one: Double spin ring A circle that rotates in two different directions. The speed of our inner circle defines a CSS code that is twice times faster than the outer ring rate.Realize:HTML code:

The position option defines the positioning properties of an element with 5 optional values: Static, relative, absolute, fixed, inherit Property values are relative, absolute, fixed top | Left | Right| Bottom | Z-index to work. Static (default

One Currently available for Mainstream support: Text-overflow mainly resolves text overflow, Value: clip[Default value] | ellipsis | String (only Firefox is supported) cooperate with White-space:nowrap; Overflow:hidden use Two Word-wrap Value:

1.css margin can change the size of the container Element size Viewable dimensions-the width of the box in the standard box model does not include the margin value, clientwidth Occupy size-including margin width outwidth is not in the standard,

This article details CSS3 background-related style instance code Background-image to draw multiple picture overlays, examples are as follows: Background-image Draw multiple Images overlay Background-clip: The drawing area of the

When it comes to floating, let's talk about two special phenomena of the margin attribute in CSS. 1, the merger phenomenon of the margin: If two P is sorted up and down, to the above one P set Margin-bottom, to the following one P set Margin-top,

Objective Because of the localization of HTML language, it is not as simple in the web as in Word, especially when the content style is changeable, the content is wide and variable, to achieve a reasonable center is quite a test of engineer

Today the application of the blog passed, to tell you what I have seen the pure CSS to achieve vertical centering of various methods. Why take it as the first article? Because this is I have just started to contact the front end learned the most

Depending on the Caniuse (http://caniuse.com/#search =rgba), RGBA compatibility is IE9 and above browsers. Instance code: rgba compatibility processing rgba Chrome browser

background:#eeefff;background:#eeefff;This is a very beautiful and unique CSS3 menu plug-in, and the ordinary menu, it has the appearance of the Ribbon, while the mouse over the menu item, the menus will be raised, there is a three-dimensional

The simplest way to set the margin is to use the margin property. The margin property accepts any length unit, which can be pixels, inches, millimeters, or EM. Margin can be set to auto. A more common practice is to set the length value for the

Some common meta tags and meta tags 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

CSS3 Study Notes and css3 notes Lesson 1:Background-attachment: fixed background image not scrollingBackground-image: url (""); repeat allowed by defaultBackground-repeat: no-repeat-x repeat-yBackground-position: right; // = right and