小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端设计师,从事过网站建设,响应式网站开发,网络维护,SEO,SEM,网络推广等前端相关工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云

最新发布

网页html、css初始化代码

分类: html4 + hss2评论(1)62个赞

HTML

<!doctype html>
<html xml:lang="zh-CN">
<head>
<meta charset="UTF-8" />
<title>标题</title>
<base target="_blank" />
<meta name="description" content="描述" />
<meta name="keywords" content="关键词" />
<meta name="searchtitle" content="橡胶接头,伸缩器,橡胶软接头,补偿器,防水套管,上海橡胶接头,上海防水套管,橡胶接头生产厂家"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" />
<meta name="author" content="小米技术社区"/>
<meta name="copyright" content="小米技术社区"/>
<script type="text/javascript" src="a.js"></script>
<meta name="applicable-device"content="pc,mobile">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

</body>
</html>


CSS


/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
select::-ms-expand{display:none;}
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
textarea::-moz-placeholder{opacity:1;}
textarea::-webkit-placeholder{opacity:1;}
textarea::-ms-placeholder{opacity:1;}
::-webkit-input-placeholder{color:inherit;}
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
@-webkit-keyframes a1{}

-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;

white-space:nowrap;不换行
*/

/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0; }
fieldset, img, input, button { border: none; padding: 0; margin: 0; outline-style: none; }
ul, ol { list-style: none; }
input { padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input { vertical-align: middle; }
select, input, textarea { font-size: 12px; margin: 0; }
textarea { resize: none; }
/*防止拖动*/
img { border: 0; vertical-align: middle; }
/*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse: collapse; }
body { font: 12px/150% Arial, Verdana, "\5b8b\4f53"; color: #666; background: #fff}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*IE/7/6*/}
a { color: #666; text-decoration: none; }
a:hover { color: #C81623; }
h1, h2, h3, h4, h5, h6 { text-decoration: none; font-weight: normal; font-size: 100%; }
s, i, em { font-style: normal; text-decoration: none; }
.col-red { color: #C81623 !important; }
/*公共类*/
.w {width: 1210px; margin: 0 auto; } /*版心 提取 */
.fl { float: left}
.fr { float: right}
.al { text-align: left}
.ac { text-align: center}
.ar { text-align: right}
.hide { display: none}


CSS响应式-小米官网


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,table,th,tr,td{margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block; *display:inline; *zoom:1}
audio:not([controls]){display:none; height:0}
[hidden]{display:none}
html{font-size:62.5%; -ms-text-size-adjust:62.5%; -webkit-text-size-adjust:62.5%}
body{font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color:#333; background-color:#fff; max-width:1240px}
a:active,a:hover{outline:0}
h1{font-size:3em; margin:0.67em 0}
h2{font-size:2.3em; margin:0.83em 0}
h3{font-size:1.8em; margin:1em 0}
h4{font-size:1.5em; margin:1.33em 0}
h5{font-size:1.3em; margin:1.67em 0}
h6{font-size:1.1em; margin:2.33em 0}
ol,ul,li{list-style:none;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-webkit-box-sizing:content-box; box-sizing:content-box; height:0}
mark{background:#ff0; color:#000}
code,kbd,pre,samp{font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
nav ul,nav ol{list-style:none; list-style-image:none}
img{border:0; -ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden; _zoom:1}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0; margin:0 2px; padding:0.35em 0.625em 0.75em}
legend{border:0; padding:0; white-space:normal; *margin-left:-7px}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer; *overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box; box-sizing:border-box; padding:0; *height:13px; *width:13px}
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0}
textarea{overflow:auto; vertical-align:top}
table{border-collapse:collapse; border-spacing:0}
a{color:#757575; text-decoration:none}
a:hover{color:#ff6700; text-decoration:none}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
/*content:"\200B";这个参数,Unicode字符里有一个“零宽度空格”,即 U+200B*/
.clearfix{*zoom:1;}/*IE/7/6*/


本站内容均为小米原创,转载请注明出处:小米技术社区>> 网页html、css初始化代码