CSS佈局,關鍵在於HTML檔案和CSS檔案相對應。在HTML中,將各p的包含關係作層次分明的設計,然後在CSS檔案中對樣式、字體等式進行設計。
<body><p class=p_body> <p class=p_header> p_header </p> <p class="p_views"> p_views <p class="p_views_post"> p_views_post <?php echo $post ?> </p> <p class="p_views_auther"> p_views_auther </p> p_views </p> <p class=p_floot> p_floot <?php echo $copyright ?> </p></p></body>
.p_body { background-color: darkcyan; } .p_header { background-color: lightblue; font-size: 72px; margin-top: 30px; padding-left: 30px; } .p_views { background-color: blueviolet; margin-top: 10px; padding-left: 30px; padding-right: 30px; font-size: 48; } .p_views_post { background-color: aliceblue; } .p_views_auther{ background-color: yellowgreen; } .p_floot { font-size:40px; background-color: lightblue; margin-top: 10px; padding-left: 30px; padding-right: 30px; }
以上是HTML呼叫CSS管理、美化div的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!