Several CSS techniques commonly used in Web pages

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

This time in learning CSS, summed up a number of skills to share with you:

1. Use Line-height to center vertically

line-height:24px;

If you use a fixed-width container and you want a row to be centered vertically, you can use Line-height (which is the same height as the parent container), and more vertically centered summaries are here.

2, clear container floating

#main {

Overflow:hidden;

}

This issue has been mentioned before and more information can be seen here.

3, do not let the link folded line

A{

White-space:nowrap;

}

The above settings can avoid the link folding line, but personal advice long link will have the corresponding line (for the discussion of line-wrapping, see the center of the record).

4, always let Firefox display scroll bar

HTML {

overflow:-moz-scrollbars-vertical;

}

More Mozilla/firefox private CSS properties can be referenced here. Cross-browser support is required, or you can use the

Body, HTML {

min-height:101%;

}

5, the block element horizontally centered

margin:0 Auto;

is actually

Margin-left:auto;

Margin-right:auto;

This technique basically all CSS textbooks will have instructions, don't forget to add a width to it. Exploer can also be used under

body{

Text-align:center;

}

Then define the inner layer container

Text-align:left;

Recovery。

6. Hide Exploer textarea scroll bar

TEXTAREA {

Overflow:auto;

}

Exploer By default textarea will have a vertical scroll bar (don't ask me why).

7. Set Print pagination

H2 {

Page-break-before:always;

}

The Page-break-before property enables you to set pagination when you print a Web page.

8, delete the dotted box on the link

A:active, A:focus {

Outline:none;

}

Firefox defaults to the link to get focus (or click) with a dotted box, use the above properties can be deleted.

9, the most simple CSS reset

* {

margin:0; padding:0

}