init
This commit is contained in:
240
NewsInformation.html
Normal file
240
NewsInformation.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<style>
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
a {
|
||||
background-color: transparent;
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
}
|
||||
.wrap{
|
||||
width: 7.5rem;
|
||||
height: auto;
|
||||
}
|
||||
.logo_top{
|
||||
width: 1.64rem;
|
||||
height: 0.65rem;
|
||||
margin-left: 0.3rem;
|
||||
}
|
||||
.top{
|
||||
width: 7.5rem;
|
||||
height: 0.82rem;
|
||||
background-color: #F6F6F6;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
word-break:keep-all;
|
||||
overflow: auto;
|
||||
}
|
||||
.top::-webkit-scrollbar{
|
||||
display:none
|
||||
}
|
||||
.top>div{
|
||||
width: 1.29rem;
|
||||
height: 0.31rem;
|
||||
font-size: 0.32rem;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
line-height: 0.38rem;
|
||||
margin-left: 0.4rem;
|
||||
|
||||
}
|
||||
.zu_us{
|
||||
width: 6.84rem;
|
||||
height: 1.40rem;
|
||||
margin-left: 1.2rem;
|
||||
|
||||
}
|
||||
.zu_us>img{
|
||||
width: 6.84rem;
|
||||
height: 1.40rem;
|
||||
margin-top:0.3rem;
|
||||
margin-left:-0.5rem ;
|
||||
|
||||
}
|
||||
.zu_us>p{
|
||||
font-size: 0.34rem;
|
||||
font-family: PingFang;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0px 0px 13px rgba(0,0,0,0.5000);
|
||||
margin-top: -1.2rem;
|
||||
margin-left: 1.85rem;
|
||||
}
|
||||
.didong_new{
|
||||
width:3.84rem ;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
.xuanchuan_new{
|
||||
font-size: 0.28rem;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 0.36rem;
|
||||
padding-top: 1.2rem;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.renshu_new{
|
||||
font-size: 0.20rem;
|
||||
font-family: Arial;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 0.70rem;
|
||||
padding-top: 0.56rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
}
|
||||
.tuceng_new{
|
||||
width: 2.8rem;
|
||||
height: 1.68rem;
|
||||
margin-left: 4rem;
|
||||
margin-left: 5.4rem;
|
||||
margin-top: 1.1rem;
|
||||
}
|
||||
.didong2_new{
|
||||
width:5.35rem ;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
.fabu_new{
|
||||
font-size: 0.28rem;
|
||||
font-family: PingFang SC;
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
line-height: 0.36rem;
|
||||
padding-top: 0.6rem;
|
||||
margin-left: 1.2rem;
|
||||
|
||||
|
||||
}
|
||||
.renshu2_new{
|
||||
font-size: 0.20rem;
|
||||
font-family: Arial;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
line-height: 0.70rem;
|
||||
padding-top: 0.56rem;
|
||||
margin-left: 1.3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
|
||||
}
|
||||
.renshu2_new>span{
|
||||
margin-right: 0.3rem;
|
||||
}
|
||||
.tuceng2_new{
|
||||
width: 2.8rem;
|
||||
height: 1.68rem;
|
||||
margin-left: 4rem;
|
||||
margin-left: 5.4rem;
|
||||
margin-top: -1.9rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<a href="../index.html"><img class="logo_top" src="./images/logo1@2x.png" alt=""></a>
|
||||
<div class="top">
|
||||
<div><a href="../java.html">课程体系</a> </div>
|
||||
<div><a href="../Aboutuse.html">关于我们</a></div>
|
||||
<div><a href="../NewsInformation.html">新闻动态</a></div>
|
||||
<div><a href="../GraduateStyle.html">毕业生风采</a></div>
|
||||
<div style="margin-left:0.7rem; margin-right:0.3rem"><a href="../ContacUs.html">联系我们</a></div>
|
||||
</div>
|
||||
<div class="zu_us">
|
||||
<img src="./images/蒙版.png" >
|
||||
<p>新闻动态</p>
|
||||
<div class="didong_new">
|
||||
<div class="xuanchuan_new">
|
||||
<p>2020年国家网络安全宣传周山东校园日暨活动周启动仪式</p>
|
||||
</div>
|
||||
<div class="renshu_new">
|
||||
<span>123人已阅</span>
|
||||
<span>2020-08-26</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tuceng_new">
|
||||
<img src="./images/图层1.png" ></div>
|
||||
<div class="didong2_new">
|
||||
<div class="fabu_new">
|
||||
<p>实至名归！最新报告发布，青岛全国第七！</p>
|
||||
</div>
|
||||
<div class="renshu2_new">
|
||||
<span>123人已阅</span>
|
||||
<span>2020-08-26</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tuceng2_new">
|
||||
<img src="./images/图层2.png" ></div>
|
||||
<div class="didong2_new">
|
||||
<div class="fabu_new">
|
||||
<p>国庆出行注意！出青高峰从9月30日开始将一直持续到…</p>
|
||||
</div>
|
||||
<div class="renshu2_new">
|
||||
<span>123人已阅</span>
|
||||
<span>2020-08-26</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tuceng2_new">
|
||||
<img src="./images/图层3.png" ></div>
|
||||
<div class="didong2_new">
|
||||
<div class="fabu_new">
|
||||
<p>重要通知！事关国庆节、中秋节出游！</p>
|
||||
</div>
|
||||
<div class="renshu2_new">
|
||||
<span>123人已阅</span>
|
||||
<span>2020-08-26</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tuceng2_new">
|
||||
<img src="./images/图层4.png" ></div>
|
||||
<div class="didong2_new">
|
||||
<div class="fabu_new">
|
||||
<p>音乐课变小型演唱会，带着嗓子就能上！想上课全靠抢。</p>
|
||||
</div>
|
||||
<div class="renshu2_new">
|
||||
<span>123人已阅</span>
|
||||
<span>2020-08-26</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tuceng2_new">
|
||||
<img src="./images/图层3.png" ></div>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
window.onload = function () {
|
||||
getRem(750, 100)
|
||||
};
|
||||
window.onresize = function () {
|
||||
getRem(750, 100)
|
||||
};
|
||||
function getRem(pwidth, prem) {
|
||||
var html = document.getElementsByTagName("html")[0];
|
||||
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
|
||||
html.style.fontSize = oWidth / pwidth * prem + "px";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user