Commit dc1e71af68b47f5908937ab7d5cd08e69cf4cc6d
1 parent
90f9c3a1
首页 头部
Showing
2 changed files
with
33 additions
and
14 deletions
css/libCss/common.css
| 1 | body{ | 1 | body{ |
| 2 | position: relative; | 2 | position: relative; |
| 3 | + background-color: #eef1f5; | ||
| 3 | } | 4 | } |
| 4 | body,html{ | 5 | body,html{ |
| 5 | overflow: hidden; | 6 | overflow: hidden; |
| 6 | width: 100%; | 7 | width: 100%; |
| 7 | height: 100%; | 8 | height: 100%; |
| 8 | } | 9 | } |
| 10 | +ul,li,ol{ | ||
| 11 | + padding-left: 0; | ||
| 12 | + margin-bottom: 0!important; | ||
| 13 | + list-style: none; | ||
| 14 | +} | ||
| 15 | +/*头部--------------------------------------------------*/ | ||
| 9 | header{ | 16 | header{ |
| 10 | - height: 100px; | 17 | + height: 80px; |
| 11 | width: 100%; | 18 | width: 100%; |
| 12 | - background-color: #f00; | 19 | + background-color: #fff; |
| 13 | } | 20 | } |
| 21 | +/*左侧栏--------------------------------------------------*/ | ||
| 14 | nav{ | 22 | nav{ |
| 15 | - position: absolute; | ||
| 16 | - width: 100px; | 23 | + position: fixed; |
| 24 | + width: 200px; | ||
| 17 | height: 100%; | 25 | height: 100%; |
| 18 | - background-color: #000; | ||
| 19 | left: 0; | 26 | left: 0; |
| 20 | top:0; | 27 | top:0; |
| 21 | - padding-top: 100px; | 28 | + padding-top: 80px; |
| 29 | +} | ||
| 30 | +.nav-ul{ | ||
| 31 | + background-color: #fff; | ||
| 22 | } | 32 | } |
| 33 | +/*内容--------------------------------------------------*/ | ||
| 23 | section{ | 34 | section{ |
| 24 | width: 100%; | 35 | width: 100%; |
| 25 | - height: 100%; | ||
| 26 | - padding-left: 100px; | ||
| 27 | - /* padding-top: 100px; */ | ||
| 28 | - margin-top: -100px; | 36 | + padding-left: 200px; |
| 29 | } | 37 | } |
| 30 | \ No newline at end of file | 38 | \ No newline at end of file |
index.html
| @@ -9,20 +9,31 @@ | @@ -9,20 +9,31 @@ | ||
| 9 | <meta http-equiv="pragma" content="no-cache"> | 9 | <meta http-equiv="pragma" content="no-cache"> |
| 10 | <meta http-equiv="cache-control" content="no-cache"> | 10 | <meta http-equiv="cache-control" content="no-cache"> |
| 11 | <meta http-equiv="expires" content="0"> | 11 | <meta http-equiv="expires" content="0"> |
| 12 | + <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
| 12 | <title>首页</title> | 13 | <title>首页</title> |
| 13 | <link rel="stylesheet" href="css/libCss/common.css"> | 14 | <link rel="stylesheet" href="css/libCss/common.css"> |
| 14 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> | 15 | <link rel="stylesheet" href="css/libCss/bootstrap.min.css"> |
| 15 | <link rel="stylesheet" href="css/index.css"> | 16 | <link rel="stylesheet" href="css/index.css"> |
| 16 | </head> | 17 | </head> |
| 17 | <body> | 18 | <body> |
| 18 | -<header>header</header> | ||
| 19 | -<nav>nav</nav> | ||
| 20 | -<section>header</section> | 19 | +<header> |
| 20 | + | ||
| 21 | + <div class="row"> | ||
| 22 | + <div class="col-md-8">.col-md-8</div> | ||
| 23 | + <div class="col-md-4">.col-md-4</div> | ||
| 24 | + </div> | ||
| 25 | +</header> | ||
| 26 | +<nav> | ||
| 27 | + <ul class="nav-ul"> | ||
| 28 | + <li>1</li> | ||
| 29 | + </ul> | ||
| 30 | +</nav> | ||
| 31 | +<section>section</section> | ||
| 21 | 32 | ||
| 22 | <script type="text/javascript" src="js/libJs/jquery.min.js"></script> | 33 | <script type="text/javascript" src="js/libJs/jquery.min.js"></script> |
| 23 | <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script> | 34 | <script type="text/javascript" src="js/libJs/bootstrap.min.js"></script> |
| 24 | <script type="text/javascript"> | 35 | <script type="text/javascript"> |
| 25 | - document.write("<s" + "cript type='text/javascript' src='../assets/pages/scripts/index.js?ver" + Math.random() + "'></s" + "cript>"); | 36 | + document.write("<s" + "cript type='text/javascript' src='js/index.js?ver" + Math.random() + "'></s" + "cript>"); |
| 26 | </script> | 37 | </script> |
| 27 | </body> | 38 | </body> |
| 28 | </html> | 39 | </html> |
| 29 | \ No newline at end of file | 40 | \ No newline at end of file |