Commit b802077c by liangjianmin

css

parent a81b71e9
File mode changed
...@@ -10,7 +10,7 @@ html * { ...@@ -10,7 +10,7 @@ html * {
} }
html, body { 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 { 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 { ...@@ -45,7 +45,6 @@ h1, h2, h3, h4, h5, h6 {
a { a {
text-decoration: none; text-decoration: none;
transition: color 0.2s ease; transition: color 0.2s ease;
} }
img { img {
...@@ -68,10 +67,6 @@ em { ...@@ -68,10 +67,6 @@ em {
display: block; display: block;
} }
a:hover, a:focus {
text-decoration: none;
}
.fl { .fl {
float: left; float: left;
_display: inline; _display: inline;
...@@ -120,44 +115,72 @@ label, dd, dd, dt { ...@@ -120,44 +115,72 @@ label, dd, dd, dt {
} }
.boxsiz { .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; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.row {
display: flex;
flex-direction: row;
}
.column { .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.row { .boxsiz {
display: flex; -webkit-box-sizing: border-box;
flex-direction: row; box-sizing: border-box;
} }
/* 两侧对齐 */
.bothSide { .bothSide {
justify-content: space-between; justify-content: space-between;
} }
/* 平均分布 */
.avarage { .avarage {
justify-content: space-around; justify-content: space-around;
} }
/* 水平居中 */
.rowCenter { .rowCenter {
justify-content: center; justify-content: center;
} }
/* 垂直居中 */
.verCenter { .verCenter {
align-items: center; align-items: center;
} }
.boxFlex { ::-webkit-scrollbar {
-webkit-box-flex: 1; width: 7px;
-moz-box-flex: 1; height: 7px;
-webkit-flex: 1; background-color: #F5F5F5;
-ms-flex: 1; }
flex: 1;
::-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 * { ...@@ -9,7 +9,7 @@ html * {
} }
html, html,
body { body {
font-family: sans-serif; font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
} }
body, body,
div, div,
...@@ -103,10 +103,6 @@ em { ...@@ -103,10 +103,6 @@ em {
visibility: hidden; visibility: hidden;
display: block; display: block;
} }
a:hover,
a:focus {
text-decoration: none;
}
.fl { .fl {
float: left; float: left;
_display: inline; _display: inline;
...@@ -149,39 +145,63 @@ dt { ...@@ -149,39 +145,63 @@ dt {
font-weight: normal; font-weight: normal;
} }
.boxsiz { .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; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
.row {
display: flex;
flex-direction: row;
}
.column { .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.row { .boxsiz {
display: flex; -webkit-box-sizing: border-box;
flex-direction: row; box-sizing: border-box;
} }
/* 两侧对齐 */
.bothSide { .bothSide {
justify-content: space-between; justify-content: space-between;
} }
/* 平均分布 */
.avarage { .avarage {
justify-content: space-around; justify-content: space-around;
} }
/* 水平居中 */
.rowCenter { .rowCenter {
justify-content: center; justify-content: center;
} }
/* 垂直居中 */
.verCenter { .verCenter {
align-items: center; align-items: center;
} }
.boxFlex { ::-webkit-scrollbar {
-webkit-box-flex: 1; width: 7px;
-moz-box-flex: 1; height: 7px;
-webkit-flex: 1; background-color: #F5F5F5;
-ms-flex: 1; }
flex: 1; ::-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, body,
html { html {
......
...@@ -3,48 +3,46 @@ ...@@ -3,48 +3,46 @@
<head> <head>
<title>猎芯进程</title> <title>猎芯进程</title>
<meta name="keywords" content="" /> <meta name="keywords" content=""/>
<meta name="description" content="" /> <meta name="description" content=""/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta name="viewport" <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"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link type="favicon" rel="shortcut icon" href="favicon.ico" /> <link type="favicon" rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212" /> <link rel="stylesheet" type="text/css" href="./css/history/history.min.css?212"/>
</head> </head>
<body> <body>
<div class="shutter"> <div class="shutter">
<div class="shutter-img"> <div class="shutter-img">
<a><img src="images/fuwu.png" alt="#"></a> <a><img src="images/fuwu.png" alt="#"></a>
<a><img src="images/licheng.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> </div>
<ul class="shutter-btn">
<script type="text/javascript" src="js/jquery.min.js"></script> <li class="prev"></li>
<script src="js/velocity.js"></script> <li class="next"></li>
<script src="js/shutter.js"></script> </ul>
<!-- <div class="shutter-desc">
<script type="text/javascript"> <p>Iron Man</p>
$(function () { </div> -->
$('.shutter').shutter({ </div>
shutterW: 3840, // 容器宽度 <script type="text/javascript" src="js/jquery.min.js"></script>
shutterH: 2160, // 容器高度 <script src="js/velocity.js"></script>
isAutoPlay: true, // 是否自动播放 <script src="js/shutter.js"></script>
playInterval: 5000, // 自动播放时间 <script type="text/javascript">
curDisplay: 1, // 当前显示页 $(function () {
fullPage: true // 是否全屏展示 $('.shutter').shutter({
}); shutterW: 3840, // 容器宽度
}); shutterH: 2160, // 容器高度
</script> isAutoPlay: true, // 是否自动播放
playInterval: 5000, // 自动播放时间
curDisplay: 1, // 当前显示页
fullPage: true // 是否全屏展示
});
});
</script>
</body> </body>
</html> </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