HTML调用CSS管理、美化div的方法
程序员文章站
2022-05-15 22:56:10
...
CSS布局,关键在于HTML文件和CSS文件相对应。在HTML中,对各p的包含关系作层次分明的设计,然后在CSS文件中对样式、字体等式进行设计。
HTML文件
<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>
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; }
以上就是HTML调用CSS管理、美化div的方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
HTML/CSS中,DIV高度自适应的解决方法
-
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
-
CSS+DIV设计居中的常见两种方法_html/css_WEB-ITnose
-
div垂直居中的N种方法以及多行文本垂直居中的方法_html/css_WEB-ITnose
-
DIV常用的居中方法_html/css_WEB-ITnose
-
HTML分别调用CSS和JS的方法_html/css_WEB-ITnose
-
js父页面调用子页面数据时,子页面通过父页面传过来的参数回调父页面具体方法_html/css_WEB-ITnose
-
HTML+CSS相对宽度和绝对宽度冲突时的div解决方法
-
div写的下拉菜单在frameset中被下一个覆盖,但是出于美观考虑不能调整页面的大小,有没有什么变通的方法或者设置呢?比方说select是不会受影响的!谢谢!_html/css_WEB-ITnose
-
HTML分别调用CSS和JS的方法_html/css_WEB-ITnose