-PC
一，meta
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="UTF-8"> <!--设置 360 浏览器渲染模式：webkit 为极速内核，ie-comp 为 IE 兼容内核，ie-stand 为 IE 标准内核。 --> <meta name="renderer" content="webkit"> <!--360 浏览器就会在读取到这个标签后，立即切换对应的极速核。 另外为了保险起见再加入 --> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <!--Google Chrome浏览器 --> <!--关闭chrome浏览器下翻译插件； --> <meta name="google" value="notranslate" /> <!-- Internet Explorer浏览器 --> <!--IE8以下以IE7标准模式呈现网页，而IE9则以IE9的标准模式呈现网页： --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9"> <title>Title</title> </head> <body> </body> </html>
*{ margin:0; padding:0;}
body{ font-size:14px; font-family:微软雅黑;font-style:normal;}
a{ text-decoration:none}
a,a:hover{ transition:background 0.5s linear;-webkit-transition:background 0.5s linear;-moz-transition:background 0.5s linear;-o-transition:background 0.5s linear;}
em, i{font-style: normal;}
ul, ol, li{list-style: none;}
img{ border:none;vertical-align:middle;}
input,select,textarea{outline:none;border:none;background:none;}
input[type="checkbox"]{vertical-align:middle; margin-top:0;}
textarea{resize:none;}
p{line-height:22px;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both; height:0px; 100%; overflow:hidden;}
.position{position:relative;}
/*公共样式*/
.layout{ 1100px; display:table; margin:0 auto;}
/*头部*/
/*导航*/
/*banner*/
/*内容*/
/*底部*/
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata and such -->
</head>
<body>
<!-- Where the content begins -->
<body>
</html>