lcgyh / myDocs

0 stars 0 forks source link

pc html模板 #50

Open lcgyh opened 6 years ago

lcgyh commented 6 years ago
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>��ϰ</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="http://ohiy5a45u.bkt.clouddn.com/subject.css">
    <link rel="stylesheet" href="styles/lianxi.css">
    <script src='https://code.jquery.com/jquery-3.1.1.min.js'></script>
    <script src='scripts/lianxi.js'></script>
    <!--[if lt IE 9]><script src="http://ohiy5a45u.bkt.clouddn.com/html5shiv.js"></script><![endif]-->
    <!--[if IE 6]>
    <script src="http://ohiy5a45u.bkt.clouddn.com/dd_belatedpng_0.0.8a-min.js" type="text/javascript"></script>
    <script>DD_belatedPNG.fix('.png');</script>
    <![endif]-->
    <base target="_blank" />
</head>
<body>
   <header></header>
   <div class="subject-main yahei"></div>
   <footer></footer>

</body>
</html>
lcgyh commented 5 years ago

/ css 初始化文件 v2.0 | 20110126 / / css重置开始 / html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

.g1 { width: 10%; } .g2 { width: 20%; } .g3 { width: 30%; } .g4 { width: 40%; } .g5 { width: 50%; } .g6 { width: 60%; } .g7 { width: 70%; } .g8 { width: 80%; } .g9 { width: 90%; } .g10 { width: 100%; }

a { color: #333; text-decoration: none; }

input[type=submit], button { cursor: pointer; } strong, b, .b { font-weight: bold; } .u { text-decoration: underline; }

.center { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .tc { text-align: center; }

.fr { float: right; } .fl { float: left; }

.f333 { color: #333; } .f666 { color: #666; } .f999 { color: #999; }

.f10 { font-size: 10px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f17 { font-size: 17px; } .f18 { font-size: 18px; } .f20 { font-size: 20px; } .f24 { font-size: 24px; } .f28 { font-size: 28px; } .f30 { font-size: 30px; } .f32 { font-size: 32px; } .f36 { font-size: 36px; }

.show, .block { display: block; } .hide { display: none; } .yahei { font-family: "Microsoft YaHei"; } .songti { font-family: SimSun; } .verdana { font-family: Verdana; }

.vm { vertical-align: middle; }

.mt5 { margin-top: 5px; } .mr5 { margin-right: 5px; } .mb5 { margin-bottom: 5px; } .ml5 { margin-left: 5px; } .mt10 { margin-top: 10px; } .mr10 { margin-right: 10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; }

.p5 { padding: 5px; } .p10 { padding: 10px; } .pt5 { padding-top: 5px; } .pr5 { padding-right: 5px; } .pb5 { padding-bottom: 5px; } .pl5 { padding-left: 5px; } .pt10 { padding-top: 10px; } .pr10 { padding-right: 10px; } .pb10 { padding-bottom: 10px; } .pl10 { padding-left: 10px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px; }

.lh1 { line-height:1;} .lh2 { line-height:2;} .lh3 { line-height:3;}

.pointer { cursor:pointer;} .cursor-help { cursor:help;} .noborder { border:0 none;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; }

.show,.block { display: block; } .hide,.none { display: none; }

.abs{position:absolute;} .rel{position:relative;}

.black { color:#000;} .white { color:#fff;} .orange { color:#f60;} .red { color: #e5004f; } .blue { color:#e5004f;} .green { color:#49a100;} .bg-white{background:#fff;} button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } .w{margin: 0 auto;} body { font-size: 12px; font-family:"Microsoft YaHei",Arial; color: #000; min-height: 460px; } em, i { font-style: normal; } ins { text-decoration: none; } a { outline: none; } img { vertical-align: middle; } .ellipsis { -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; overflow: hidden; white-space: nowrap; } .fn-mask { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 998; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; }

.tradeTextWrap { word-break: break-all; word-wrap: break-word; white-space: pre-wrap; } / css重置结束 /