html和css初始化代码

最新推荐文章于 2024-08-21 18:32:27 发布

置顶 Revival_Liang

最新推荐文章于 2024-08-21 18:32:27 发布

阅读量1.7k

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/Revival_Liang/article/details/71973633

版权

web 专栏收录该内容

75 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!--1,让浏览器使用最新的内核渲染-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
		<!--2，优先使用webkit内核-->
		<meta name="renderer" content="webkit" />
		<!--3，设置不缓存-->
		<meta http-equiv="Pragma" content="no-cache" />
		<!--4，分别是设置关键字和描述，优化搜索引擎-->
		<meta name="Keywords" content="搜索关键字" />
		<meta name="Description" content="网站描述" />
		<!--5,设置编码模式-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!--按同比例大小显示-->
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
		<title>标题</title>
		<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" ></script>
	</head>
	<body>
	</body>
</html>

<style type="text/css">
    	html,body,div,ul,li,ol,p,a,button,span {
  margin: 0px;
  padding: 0px;
  position: relative;
}
article,aside,audio,details,figcaption,figure,footer,header,img,mark,menu,nav,section,summary,time,video{
  display: inherit !important;
}
img{
  display: inline-block !important;
}
em {
  font-style: normal;
}
ul {
  list-style: none;
}
button,input,img {
  border: none;
  outline: none;
}
li {
  float: left;
  font-size: 0.7rem;
}
a {
  text-decoration: none;
  color: #333333;
}
span {
  display: inline-block;
}
span,strong,p,a {
  font-size: 0.7rem;
  color: #333333;
}
a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: red;
}
.line_top {
  border-top: 0.1rem solid #f5f5f5;
  border-top-style: dashed;
}
.line_bottom {
  border-bottom: 0.1rem solid #e6e6e6;
  border-bottom-style: dashed;
}
.line_left {
  border-left: 0.1rem solid #f5f5f5;
  border-left-style: dashed;
}
.line_right {
  border-right: 0.1rem solid #f5f5f5;
  border-right-style: dashed;
}
.cf {
  clear: both;
}
.label {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
  border-radius: 0.15rem;
  color: white;
  font-size: 0.6rem;
}
.hor {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  position: relative !important;
}
.ver {
  top: 50%;
  transform: translate(0,-50%);
  position: relative !important;
}
.hv {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  position: relative !important;
  top: 50%;
  transform: translate(0,-50%);
}
.ell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shadow {
  box-shadow: 0.1rem 0.1rem 0.5rem #e6e6e6;
}
.shadow_top {
  box-shadow: 0.0rem -0.1rem 0.2rem #f5f5f5;
}
.shadow_bottom {
  box-shadow: 0.0rem 0.1rem 0.2rem #f5f5f5;
}
.fb {
  position: fixed;
  left: 0.0rem;
  bottom: 0.0rem;
  box-shadow: 0.0rem -0.1rem 0.2rem #f5f5f5;
  z-index: 100;
}
.pc {
  width: 100vw;
  height: 100vh;
  top: 0.0rem;
  left: 0.0rem;
  z-index: 100;
  position: fixed;
  background-color: rgba(0,0,0,0.2);
}
@font-face {
  font-family: "iconfont";
          src: url('./static/fonts/iconfont.eot'); /* IE9*/
          src: url('./static/fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('./static/fonts/iconfont.woff') format('woff'), /* chrome, firefox */
          url('./static/fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('./static/fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.80rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
    </style>