As for the first margin line, this link might help. Pages have a top, right, bottom, AND left margin, but if you're going for any type of symmetry at all, usually you don't want them all to be different. In this case, the first number (0) is the top AND the bottom margin, while the second value (auto) is the left and the right margin. That's probably so that your content all starts right at the top (0 top margin) but by putting an automatic margin on both sides, it will also stay in the middle of the page no matter how wide your screen is.
As for your second question, I'm not certain exactly what you're referring to (and since it's a clearfix thing, it's someone's personal hack rather than an official CSS thing) but you can Google "CSS clear" or "CSS content", etc. to get some pretty good pages that explain what each keyword does. The first result is usually W3Schools, and they have a "Try it yourself" button that shows you how each particular tag works.
Best of luck with your programming!
Statistics: Posted by Saten Ruiko — January 27th, 2015, 9:40 am
]]>
.clearfix {
width: 960px;
margin: 0 auto;
}
.clearfix:after {
clear:both;
content:"";
display:block;
line-height:0;
height:1%;
visibility:hidden;
}
The first line margin: 0 auto;
Question: Why do you need to specify the margin since its 0 and auto, why not leave it blank since its 0
The second line need help to explain what it all does
Statistics: Posted by Gateux — January 27th, 2015, 7:30 am
]]>