您当前的位置:网站首页>网站技术教程>常见的CSS全局公共样式整理

常见的CSS全局公共样式整理

2020年10月03日 投稿作者:小熊云端 围观人数:20

常见的CSS全局公共样式整理

这个是按平时我自己常用整理的,为了方便自己复制整理下,需要用自行修改,自行多删少补。

PC端的话,请手动删除 font-size: 26.67vw; 这个是给移动端设计稿尺寸为750像素计算的,比如在ps中量某图片宽度为100px,那么使用rem则为0.5rem(原尺寸/200)。

<style>
	body,div,p,ul,ol,li,dl,dt,dd,table,tr,td,form,hr,h1,h2,h3,h4,h5,h6,fieldset,img,input {
		margin: 0;
		padding: 0;
	}
	body,html {
		width: 100%;
		height: 100%;
		min-height: 100%;
		font-size: 26.67vw;
		background: #fff;
	}
	body {
		display: flex;
		flex-direction: column;
	}
	img {
		display: block;
	}
	a {
		margin: 0;
		text-decoration: none;
	}
	li,ol {
		list-style: none;
	}
	.tp-clear:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}
</style>

相关兼容性BUG问题与解决方案https://www.17slw.cn/wztc/1003.html

标签

CSS全局,CSS公共样式,CSS整理
版权说明
免责声明:本文文章内容由一起收录网发布,但不代表本站的观点和立场,具体内容可自行甄别.