html美化div,HTML调用CSS管理、美化div的方法

CSS布局，关键在于HTML文件和CSS文件相对应。在HTML中，对各p的包含关系作层次分明的设计，然后在CSS文件中对样式、字体等式进行设计。

HTML文件

p_header

p_views

p_views_post <?php echo $post ?>

p_views_auther

p_views

p_floot <?php echo $copyright ?>

CSS文件.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;

}