真是受不了了，连个标准的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; }

上一篇Centos7环境用docker-compose部署Mysql5.7集群，Redis7.2.4，SpringBoot项目

下一篇最近在写一个javaweb,谈谈数据表及后端处理逻辑

本文作者：随枫而动

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

posted @ 2024-03-31 23:37 随枫而动阅读(16) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

在这颗星球上的旅行

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

index.html

init.css

公告

我的标签

随笔分类 (13)

随笔档案 (22)

阅读排行榜

	<!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>

	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; }