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
}