relative

PT is an absolute unit, 1 PT =1/72 inch One is the equipment coordinates, one is the logical coordinates, the two are different. PX is a relative unit, and the general pixel reference value is: On a monitor with a pixel density of PDI, the normal

Container height 100% is a requirement that is often used, any container can be implemented, and no nested relationships are required. The body as a container, as an internal object of the upper label, his height set to 100% is the key. The most

Positioning has always been a difficult point in the application of Web standards, if you do not understand the positioning of the possible implementation of the effect can not be achieved, the effect may be out of shape. 　　If you clear the

In CSS stylesheets, we often see the length units such as PT, Px,em,ex, in, and so on. What do they mean, what's the difference? I wrote another HTML example to test cm. In a CSS stylesheet, the length units are divided into two types: Relative

Div + CSS page layout, the appropriate use of absolute and relative, can give the layout to bring unexpected effects and convenience, to achieve twice the effort, recently in an article on the use of absolute and relative, but the explanation is not

Define an absolutely positioned p container in a container, then place a picture in the P container that needs to be centered vertically, and the picture defines the relative positioning of the CSS. Directly on the CSS code: #pic {     width:300px;

Margin in Chinese we translate the outer margin or outside filler (the outer margin is referenced in this article). He is the underlying attribute of the element box model (box models). First, the basic characteristics of margin The margin

CSS master to share the skill of the classics One, the UL label in Mozilla Default is to have padding value, and in IE only margin have value. The same class selector can appear repeatedly in one document, but only once for the ID selector. Using

Menu | navigation Lao Gan's " full use of CSS to achieve bilingual navigation menu " in the text of the use of "Position:absolute;left: -999em;" Indent its left into the N-far, and through the "Visibility:hidden;" Physically hide it (is actually a

css| Tutorials | Web page 　　Page layout It's easy to layout with CSS. If you are accustomed to using a table layout, you will feel more difficult at first. In fact, it is not difficult, but the motives are different, and in practice more meaningful.

CSS font processing in the Web page design no matter how stressed also is not too much, after all, the use of Web pages to convey information, and the most classic and most direct way of information transmission is text, so, to understand a little

Add three-dimensional fonts to your Web page to make your Web page a lot more! The purpose of this article is to: through a control example, you can easily achieve three-dimensional font in the Web page, let you quickly get started! If you are a

css| Menu | A lot of people who have visited the Microsoft Chinese homepage will never forget its new pull-down menu. It does bring us a refreshing net wind, it implements the page up and down menu, not only left a lot of clicks of trouble, and

CSS in the HTML and can not directly define the text to be displayed or the image of the picture file in that position ... Only one order to show ... But CSS offers 3 new properties to use. Top,left,position ... Left equals the x-axis, top equals

css| Web page in the design process of the Web interface, many people think about what graphics and colors to decorate the Web page, or add any animation effects on the page, but the font of the page is not too much attention. The results tend to be

Css The value of a length consists of an optional plus "+" or minus sign "-", followed by a number, and two letters indicating the unit. There is no space in the value of a length, for example, "1.3 em" is not a valid length value, but "1.3em" is

css| Mouse CSS Mouse Properties Accustomed to using Windows users to a variety of mouse style must not be unfamiliar, when the mouse moved to different places, when the mouse needs to perform different functions, when the system is in a different

demo:http://cnwander.com/demo/billiards/Original address: http://cnwander.com/blog/?p=11 Put the code First: Run Code Box Billiards by cnwander Discussion: Blueidea   wander" s Space Chinese people 烎 up! 60 Anniversary

JS Effect of picture cutting DEMO1 (random appearance): http://cnwander.com/demo/puzzle_effect/The machine is well configured to cut the picture a little bit more (variable xnum,ynum)DEMO1 (Regular movement):

1. Fckconfig.customconfigurationspath = '; Custom profile path and name2. fckconfigfckconfig.editorareacss = Fckconfig.basepath + ' css/fck_editorarea.css '; Style sheet file for edit area3. Fckconfig.editorareastyles = '; Style sheet style for edit