给大家分享写css常用的初始化代码

/* *********************************初始化 ************************/

@charset “utf-8”;
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,input,textarea{margin: 0;padding: 0;}
/*此处是用来初始化一些标签的外边距，不要使用通配符，影响代码性能/
a{text-decoration: none; color: inherit;}
/*此处是用来初始化a标签的下划线为无，并强制让其继承父级颜色/
li{list-style: none;}
/*此处除去页面所有li的初始样式/
img{vertical-align: middle; border:0;}
/*此处解决图片往下掉的小Bug，并去除图片自带的border/
input,textarea{outline: none;background-color: none;}
/*此处去除input等表单元素获取焦点后自带的蓝色边框和自带的背景/
input,textarea,select{color: inherit;font-size: inherit;font-family: inherit;}
/*此处强制让上述标签继承父级属性，方便后期继承颜色等公共样式/
textarea{resize: none;}
/*此处去除文本域自带的拉动效果/
input[type=“button”],input[type=“submit”],input[type=“reset”]{cursor:pointer}
/*此处将以上“按钮类”标签设置为手型鼠标，提示用户体验/
/******以下是公共样式/
.middle{width: 1000px; margin-left: auto; margin-right: auto;}
/*此处设置pc端居中盒子/
.dotted3{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/*此处初始化单行文本超出，文字后出现省略号的修饰/
html{font-size: 12px;font-family: “微软雅黑”,“宋体”,Arial; color: #666;}
/*此处初始化页面字体公共大小，类型和颜色/
.clear:after{content:"";display: block;height: 0;overflow: hidden;visibility: hidden;clear: both;}
.clear{zoom: 1;}
/*此处初始化清浮动样式，方便后期引用/

这里只列出了一些，初始化代码因人而异，我只提供一个思路，大家可以试着谢谢自己的初始化代码，以后开发直接用，提升开发效率，效率是很重要的，工作不是开玩笑，是需要质量加效率的！！加油