真是受不了了,连个标准的H5页面都找不到!!!希望网络上各个网站的管理员删一删那些没有价值的帖子!!!
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 中国大陆许可协议进行许可。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步