CSS ?? ?? ??

??? ??? ??? ???? ?????. ?? ?? ?????? ??? ? ????. ???? ??? ?????. ????? ??? ?? ??? ?? ???? ?? ?? ??? ?????. ?? ?? ??? ???? ??? ?? ?? ?? ??? ????? ?? A ?? ? ??? ??????. margin-top margin-right margin-bottom margin-left ??? ??? ?? ???? ?? ??? ??? ? ????. ??>

??? ???? 0??? ?? ?? ???? ??? ??? ???? ????. ??? ??? ????? ?? ?? ??? ?? ?? ??? ???? ???? ??? ??? ??? ????. ?? ?? CSS? ???? ?????? ??? ? ?? ?? ?? ??? "? ?"? ????. ??? p ??? ??? ???? ?? ?? ????? ????? ??? ??? ? ????. ??, ????? ???? ? ?? ???? ??????.

???? ??? ??? ????.

? ??? ??????? ?? ? ???? ? ??? ?? ??????. ????? Value Copy? ???? ??? ?????. ??? ???? ?? ???? ??? ????.

p {margin: 0.5em 1em 0.5em 1em;}

? ??? ???? ?? ?? ???? ??? ??? ????. ? ??? ?? ??? ?????:

p {margin: 0.5em 1em;}

? ? ?? ?? 4? ?? ??? ? ????. ??? ??? ??? ???? CSS? ?? ?? 4? ???? ??? ? ?? ??? ?????. ??? ??? ????.

?? ?? ?? ??? ?? ??? ?? ?? ?????.

?? ?? ?? ??? ?? ?? ?? ?? ?????.

??? ?? ?? ??? ?? ?? ?? ?? ?????.

??? ?? ?????

?? ?? ???????.

h1 {margin: 0.25em 1em 0.5em;}

/* ?? ~ 0.25em 1em 0.5em 1em */

h2 {margin: 0.5em 1em;}

/* 0.5em 1em 0.5em 1em */

p { margin: 1px;}?

/* 1px 1px 1px 1px? ?? */

??? ?? ??? ????. html ??? ??? ??? ????.

<div class="wb">
    <div class="bk">
        <div class="nj">
            <div class="zw">
                php中文網(wǎng)
            </div>
        </div>
    </div>
</div>

CSS ?? ?? ??? ????:

.wb{
    margin: 100px;
}
.bk{
    border-style: groove;
 
}
.nj{
    padding: 10px;
 
}
.zw{
    background-color: cornflowerblue;
 
}

?? ??? ??? ????. ??, ????? ?? ?? ?? ?? ???? ???? ?? ??? ?????.

QQ截圖20161011160201.png

HTML ???? div? ??? ? ?? ??? ?? ??? ?? ??? ? ? ????. QQ截圖20161011160224.png

????? ? ?? ??? ?? ??? 200px??? ???? 100px??? ?? ??? ??? ?????.

???? ??

??? ??

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <title>Title</title> </head> <body> <div class="wb"> <div class="bk"> <div class="nj"> <div class="zw"> php中文網(wǎng) </div> </div> </div> </div> <div class="wb"> <div class="bk"> <div class="nj"> <div class="zw"> php中文網(wǎng) </div> </div> </div> </div> </body> </html>

?????? ???

????