-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlinx03.html
1 lines (1 loc) · 3.5 KB
/
linx03.html
1
<！DOCTYPEhtml>n<html>n<HEAD>n</title>n<metacharset=“utf-8”>n<metaname=“viewport”内容=“宽度=设备宽度，初始比例尺=1”>n<link rel=“”http://q.qlogo.cn/headimg_dl?dst_uin=2831328952&spec=640&；img_type=jpg“/>href=n<Style>n*{n方框大小：边框框；N}n<nav>n<ul>n<li><a href=“index.html”n<ul>n<nav>n/*body样式*/nbody{n字体族：Arial；n边距：0；n边框-半径：8px8px8px；n background-image:url(‘https://s1.ax1x.com/2020/07/08/UEqoEq.jpg’)；n}n/*标题*/n.Header{n填充：40 px；n文本-对齐：中心；n背景：#212121；N色：白色；n}n/*标题字体加大*/n.Header H1{n字号：40 px；n}n/*导航*/n.Navbar{n溢出：隐藏；n PX1px10 px 10 px；N}n/*导航栏样式*/n.nabar a{n浮点数：左；n显示：块；n颜色：白色；n文本对齐：中间；n填充：14px 20 px；n文本-装饰：无；n}n/*右侧链接*/n.nabar。右{n浮点数；n}n}n/*鼠标移动到链接的颜色*/n.Navbar a：悬停{n背景颜色：#76FF03；n颜色：黑色；N}n/*列容器*/n行{n显示：-ms-柔性盒；/*IE10*/n显示：FLEX；n-ms-FLEX包装：包装；/*IE10*/n FLEX-包装：包装；n}n/*创建两个列**n/*边栏*/n.side{n-ms-FLEX：30%；/*IE10*/n FLEX：30%；n背景颜色：#f1f1f1；N填充：20 px；n}n/*主要的内容区域*/n.main{n-ms-FLEX：70%；/*IE10*/n FLEX：70%；n主要的内容区域n填充：20 px；N}n/*background-image:url(‘https://p.ananas.chaoxing.com/star3/origin/fc03907926c3f8d902b4288cd07cd8e4.png?rw=900&rh=1600&_fileSize=1011956&_orientation=1’)；*/n.fakeimg{n测试图片n宽度：100%；n填充：10 px；n}n}n/*底部*/n页脚{n填充：10 px；n文本对齐：中心；n背景：#dd；N}n/*响应式布局-在屏幕设备宽度尺寸小于700 px时，让两栏上下堆叠显示*/n@媒体屏幕和(最大宽度：650 px){n.行{n弯曲方向：列；N}n/*响应式布局-在屏幕设备宽度尺寸小于400 px时，让导航栏目上下堆叠显示*/n@媒体屏幕和(最大宽度：380 px){n.Navbar a{n浮点数：0；n宽度：100%；N}n}n</Style>n</HEAD>n<body>n<div类=“Header”>n</H1>小林三</H1>n<p>个人主页</p>n</div>n</div类=“Navbar”>n<a href=“/index.html”>首页</a>n</a>n<href=“lins”>爱过</a>n<a href=“vsbm”>清理一下</a>n<href=“class”类=“右”>n</a>n<//div>n<div class=“行”>n<div类>n>n<div>n>n><h2></h2>n<h5></h5>n<imgsrc=“https://p.ananas.chaoxing.com/star3/origin/e3d3db92b33064bfa4e92a7a4cfae43e.jpg?rw=640&rh=512&_fileSize=315080&_orientation=1”Style=“加载…：200 px”alt=“加载…中“；>n<p></p>n<p>喜静，爱收藏，只想做一个倾听者，也只静静地倾听着…<h3>更多的</h3>n<p>预留联系</p>n<div类=“fakeimg”样式=“高度：45 px；>邮箱[email protected]</div><br>n<div类=”fakeimg“样式=”高度：45 px；>微信linshaotsl666</div><br>n<div类=“fakeimg”样式=“高度：45 px；”>邮箱[email protected]</div>n</div>n<div class=“main”n<h2一些语记></h2>n>n h5>时光荏苒几盈虚…。</h5>n<imgsrc=“https://p.ananas.chaoxing.com/star3/origin/a19c377078695f60bcf961273c9ab59d.png?rw=1000&rh=562&_fileSize=229986&_orientation=1”Style=“High：200 px；>n<p>喜欢应该是一种很单纯的情感。</p>n<p>喜欢吃的食物，喜欢去的地方，喜欢看的书……甚至因为会给别人带来喜悦而喜欢.</p>n</div>n<div class=“>n<h2>n</div>n</div>n<//body>n<div id=”fount“><b>2018年，由<href=”https://linx03.github.io“Target=”_space“><字体颜色=#6666 FF>小林早睡</a></br></b>n</html>驱动。