真是受不了了,连个标准的H5页面都找不到!!!希望网络上各个网站的管理员删一删那些没有价值的帖子!!!

image

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <!--网页的描述,关键词,文件的最后修改时间,作者及其他元数据。-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>这是VSCode生成的H5标准页面</title>

    <!--favicon-->
    <link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon">
    <!--外部样式-->
    <link rel="stylesheet" type="text/css" href="style/init/init.css">

    <!--本页样式-->
    <style>
        .container {
			display: grid;
        	grid-template-columns: 0.5fr 1.7fr 0.8fr;
        	grid-template-rows: 0.2fr 1.8fr 1fr;
        	gap: 0px 0px;
        	grid-auto-flow: row;
        	grid-template-areas:
            "sider nav nav"
            "sider content content"
            "sider content content";
        }
        .content { grid-area: content; }
        .sider { grid-area: sider; }
        .nav { grid-area: nav; }
    </style>
</head>

<body>
    <div class="container">
        <div class="nav"></div>
        <div class="sider"></div>
        <div class="content"></div>
    </div>
    <!--外部javascript-->
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <!--本页javascript-->
    <script>

    </script>
</body>

</html>

init.css

html{ color:#000;background:#FFF; } 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
a { text-decoration:none; }
input { border:none; outline:none; }
em,strong {font-style:normal; font-weight:normal; }
button { border:0; background-color:none; outline:none; }

本文作者:随枫而动

本文链接:https://www.cnblogs.com/fcloud/p/18107505

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   随枫而动  阅读(14)  评论(0编辑  收藏  举报
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起
  1. 1 Love Theme Audio artist
  2. 2 吹梦到西周 Audio artist
Love Theme - Audio artist
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.