页面样式乱了,但是又感觉各种js,css都引入了
怎么办:
一直不太清楚什么原因:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>功能论坛</title> <link rel="stylesheet" href="../css/boostrap/bootstrap-theme.min.css"> <link rel="stylesheet" href="../css/boostrap/bootstrap.min.css"> <link rel="stylesheet" href="../js/pagination/mricode.pagination.css" /> <!-- <link href="../js/pagination/style.css" /> --> <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="../js/common/common.js"></script> </head> <body> <style> .cib { : 5px 8px; } .cib input { vertical-align: bottom; height: 20px; color: #567e84; margin: 2px 0px; } .cib button { vertical-align: bottom; height: 26px; cursor: pointer; background-color: #cbefff; border: 1px solid #44a8d6; color: #567e84; margin: 2px 0px; } .desc { padding-left: 8px; color: #657e9a; } </style> <div id="header"></div> <div class="container"> <div id="articlelist"></div> <div class="page clearfix col-sm-offset-3" style="margin-bottom:40px;margin-top:20px;" > <div id="pagination_1" id="listpager" ></div> </div> </div> <div id="footer"></div> <!-- 定义模板 --> <script type="text/x-template" id="commonlistTemp"> {{#articleinfo}} <div class="panel panel-info"> <div class="panel-body"> <p class="text-muted">{{articletitle}}</p> <p class="text-primary" style="line-height: 200%; text-align: center;">{{articletext}}</p> <div class="text-muted" style="float: right"> {{publishtime}} {{articleuser}}</div> </div> </div> {{/articleinfo}} </script> <script type="text/javascript" src="../js/mustache/mustache.js"></script> <script type="text/javascript" src="../js/pagination/mricode.pagination.js"></script> <script type="text/javascript" src="../js/luntanlist.js"></script> </body> </html>
一开始我是将script 里面的type都删除掉了以至于样式并没有显示出来,link 里面的rel和script里面的type里面是是不能省略的