默认字体设置,边距设置html{font-family:sans-serif;/*默认字体*/font-size:100%;/*调整字体大小*/-ms-text-size-adjust:100%;/*IE浏览器*/-webkit-text-size-adjust:100%;/*FireFox浏览器*/}删除默认边距主体{margin:0;/*外边距*/padding:0;/*内边距*/border:0;/*border*/}链接相关样式a{text-decoration:none;/*移除默认下划线*/}a:focus{outline:thindotted;/*处理Chrome和其他浏览器之间的“大纲”不一致*/}a:active,a:hover{outline:0;}排版相关样式h1{/*在section标签和article标签中制作h1标签的空白和字体风格统一。*/字体大小:2em;margin:0.67em0;}abbr[title]{border-bottom:1pxdotted;/*解决IE8/9、Safari5、chrome浏览器首字母样式未定义的问题*/}b,strong{font-weight:bold;/*添加粗体样式*/}dfn{font-size:italic;/*添加斜体样式*/}hr{/*解决其在Firefox中的兼容性问题*/-moz-box-sizing:content-box;框大小:内容框;height:0;}mark{/*解决未定义样式问题*/background:#ff0;color:#000;}code,kbd,pre,samp{/*更正关联字体的旧式设置*/font-family:monospace,serif;字体大小:1em;}pre{/*提高pre标签中格式化文本的可读性*/white-space:pre-wrap;}q{/*设置一致的引号类型*/quotes:"\201C""\201D""\2018""\2019";}small{/*统一所有字体大小*/font-size:80%;}sub,sup{/*防止"sub"和"sup"标签影响"line-height"属性*/font-size:75%;行高:0;位置:相对;垂直的al-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}内联文本相关样式img{border:0;/*当img标签包含标签时,去掉imgborder属性*/}svg:not(:root){overflow:hidden;}formtextrelatedstylefieldset{/*定义一致的边框、内边距和外边距*/边框:1px实心#c0c0c0;边距:02px;填充:0.35em0.625em0.75em;}图例{边框:0;填充:0;/*移除边距*/}button,input,select,textarea{font-family:inherit;/*更改关联的字体属性*/font-size:100%;/*改变字体大小属性*/margin:0;/*调整边距设置*/}button,input{line-height:normal;}button,select{text-transform:none;/***调整“button”和“select”的“text-transform”继承不一致*其他表单控件元素不继承“text-transform”属性*/}最后给大家分享一些页面渲染时CSS相关的面试题,dom元素采用的布局模型可以通过box-sizing来设置。根据计算宽高的区域可以分为:iebox模型算border,padding和自身(不包括margin),标准只算自身form的sizecss设置方法:几种方式获取宽高:cssresetnormalize.css和normalize.css有什么区别?CSSPriority:HowtoClearFloats:AdaptiveLayout:CSSOptimization:CSSSelectorListPriorityandWeight:CSS中配置的常用属性有哪些:
