CSS

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

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

Border usage: 1. Border-width property sets the width of the border Possible values: pixels 2. The Border-style property sets the style of the border Possible values: solid (straight line), dashed (dashed), dotted (dotted line) 2. Border-color

This article details the border-image properties of CSS Styles Border-image-source property sets the path of the picture for the border [none | ] p { border:20px solid #000; Border-image-source:url (border.png);} Border-image-slice Property

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

This article details CSS box models and block-level, inline elements First, CSS box model Box Model Overview The box model is one of the core knowledge points of CSS, which specifies how elements are displayed and how they interact with each other.

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