百变鹏仔-专注前端行业精选

百变鹏仔

当前位置:网站首页 > 最近更新 > 前端开发 > CSS > 正文

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

作者:鹏仔先生日期:2020-06-30 09:34:35浏览:4685分类:CSS

常见的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.sharedbk.com/post/108.html

手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯