创建一个模板布局

Original 2019-05-16 11:12:53 171
abstract:一、当前页面{//在当前模板中使用布局模板}{//layout name="layout" /}{//如果当前模板不需要调用布局模板,可以直接用下面的标签进行关闭}{//__NOLAYOUT__}<style type="text/css">   .main {      width: 800px; &nb

一、当前页面

{//在当前模板中使用布局模板}
{//layout name="layout" /}
{//如果当前模板不需要调用布局模板,可以直接用下面的标签进行关闭}
{//__NOLAYOUT__}
<style type="text/css">
  .main {
     width: 800px;
     height: 600px;
     margin:auto;
     background: lightgreen;
     text-align: center;
     line-height: 600px;
  }
</style>
<div class="main">主体内容</div>

2.模板

<style type="text/css">
  .header {
     width: 800px;
     height: 60px;
     margin:auto;
     background:wheat;
     text-align: center;
     line-height: 60px;
  }
</style>
<div class="header">网站头部</div>


<style type="text/css">
  .footer {
     width: 800px;
     height: 60px;
     margin:auto;
     background:wheat;
     text-align: center;
     line-height: 60px;
  }
</style>
<div class="footer">网站底部</div>


3.运行结果

QQ图片20190516110849.png

Correcting teacher:查无此人Correction time:2019-05-17 09:21:28
Teacher's summary:完成的不错。每个页面都有的样式,就可以单独拿出来。继续加油。

Release Notes

Popular Entries