Commit b802077c by liangjianmin

css

parent a81b71e9
File mode changed
......@@ -10,7 +10,7 @@ html * {
}
html, body {
font-family: sans-serif;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
......@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6 {
a {
text-decoration: none;
transition: color 0.2s ease;
}
img {
......@@ -68,10 +67,6 @@ em {
display: block;
}
a:hover, a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
......@@ -120,44 +115,72 @@ label, dd, dd, dt {
}
.boxsiz {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a:hover, a:focus {
text-decoration: none;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
display: flex;
flex-direction: row;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #c8c8c8;
}
\ No newline at end of file
......@@ -9,7 +9,7 @@ html * {
}
html,
body {
font-family: sans-serif;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
}
body,
div,
......@@ -103,10 +103,6 @@ em {
visibility: hidden;
display: block;
}
a:hover,
a:focus {
text-decoration: none;
}
.fl {
float: left;
_display: inline;
......@@ -149,39 +145,63 @@ dt {
font-weight: normal;
}
.boxsiz {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
a:hover,
a:focus {
text-decoration: none;
}
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.row {
display: flex;
flex-direction: row;
}
.column {
display: flex;
flex-direction: column;
}
.row {
display: flex;
flex-direction: row;
.boxsiz {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 两侧对齐 */
.bothSide {
justify-content: space-between;
}
/* 平均分布 */
.avarage {
justify-content: space-around;
}
/* 水平居中 */
.rowCenter {
justify-content: center;
}
/* 垂直居中 */
.verCenter {
align-items: center;
}
.boxFlex {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #c8c8c8;
}
body,
html {
......
......@@ -3,48 +3,46 @@
<head>
<title>猎芯进程</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport"
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212" />
<link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
</head>
<body>
<div class="shutter">
<div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
</div>
<ul class="shutter-btn">
<li class="prev"></li>
<li class="next"></li>
</ul>
<!-- <div class="shutter-desc">
<p>Iron Man</p>
</div> -->
<div class="shutter">
<div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.png" alt="#"></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
<ul class="shutter-btn">
<li class="prev"></li>
<li class="next"></li>
</ul>
<!-- <div class="shutter-desc">
<p>Iron Man</p>
</div> -->
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/velocity.js"></script>
<script src="js/shutter.js"></script>
<script type="text/javascript">
$(function () {
$('.shutter').shutter({
shutterW: 3840, // 容器宽度
shutterH: 2160, // 容器高度
isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
</body>
</html>
\ No newline at end of file
This diff could not be displayed because it is too large.
File mode changed
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment