摘要：一、當前頁面{//在當前模板中使用布局模板}{//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">網(wǎng)站頭部</div>

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

3.運行結果

批改老師：查無此人批改時間：2019-05-17 09:21:28
老師總結：完成的不錯。每個頁面都有的樣式，就可以單獨拿出來。繼續(xù)加油。