关于样式重置

  自己平时试验学习,觉得方便可以用

*{margin:0 ;padding:0}

  在正式工作中要有责任感。

下面这组css中,h1~h6的字体是100%。看上去的效果是跟p标签一样的,但是代码上是不一样的。

a标签字体颜色默认是黑色,看需求。

body{font:14px/1.125 "Microsoft Yahei",Arial,Helvetica,sans-serif;background-color: #fff;}
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,form,textarea{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,
input,textarea,select{font-size: 100%;font-weight: normal;}
table{border-collapse: collapse;border-spacing: 0;}
ul,ol{list-style-type: none;}
a{text-decoration: none;color: #000;}
i,em{font-style: normal;font-weight: normal;}
img{border: none;}

  

时间: 2024-10-28 23:04:20

关于样式重置的相关文章

css扁平化博客学习总结(二)css样式重置

css样式重置 方法一:不推荐使用,这么写会让网页解析速度变慢. *{ margin: 0; padding: 0;} 方法二:大家常用的写法,比较流行. body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,li, dl, dt, dd, form, a, fieldset, input, th, td{margin: 0; padding: 0; border: 0; outline:

css样式重置

/* 样式重置 */body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}em{ font:normal;}a{ text-decoration:none;}li{ list-style:none;}img{ border:0; vertical-align:top;}table{ border-collapse:collapse;}input,textarea{ o

HTML CSS标签类型转换、样式重置 、前段规范

HTML CSS 基础 标签默认值样式重置: (css reset)包含: body,p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体 ol,ul,a,img等标签的默认值样式重置 用群组进行重置 标签基本特性和转换 块和内嵌的特性及区别: 内联,内嵌,行内属性标签: 1.默认同行可以继续跟同类型标签 2.内容撑开宽度 3.不支持宽高 4.不支持上下的margin和padding 5.代码换行被解析 快属性: 1.默认独占一行显示 2.没有宽度时,默认撑满一排 display:bl

css样式重置,不建议用通配符

由于各个浏览器对css样式的默认样式不一致,所以有必要进行样式重置.在网上看到很多建议使用 *{margin:0;padding:0} 重置margin和padding.建议不这样子使用,原因主要是性能问题.如果用通配符重置样式,那么势必会花费很大时间.网站打开速度变慢. 所以reset时,按需而行.用到哪些标签就设置重置.

常见网站CSS样式重置

腾讯 1 2 3 4 5 6 7 8 9 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px "宋体","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%} a{color:#172c45;

样式重置

嗯,浏览器一般会设置,默认样式,对于,我们来说,这样很不方便,所以就有了样式重置. 接下来我推荐两个样式重置的  小东西 resert 我这里附上当前最新的版本,如有需要可以直接去,resert.com,下载 /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, ifr

css基础样式重置,浏览器样式统一及IE下样式优化

/*样式重置*/ body,dl,dd,h1,h2,h3,h4,h5,h6,p,form{margin:0;} ul,ol{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-weight:400;} input:focus,button:focus{outline:none;} a:focus{outline:none;} /*基础样式*/ body{font-family:"Microsoft Yahei";color:#000;font-siz

分享一下自己在用的CSS样式重置代码

通过借鉴网上大牛们的经验和自己在工作中碰到的一些问题,总结出了这些比较常用的CSS样式重置的代码: @charset "utf-8"; /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html{ color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } /* IE6对positon:fixed的单独处

苹果浏览器样式重置submit

大家刚接触写手机页面 或许都会遇到的 修复iPhone的safari浏览器上submit按钮圆角bug 修改前  修改后: 在CSS中加  -webkit-appearance: none; 便可以解决. 苹果浏览器样式重置submit

css reset样式重置

1.自己积累的样式重置: form{margin:0;}input{margin:0;padding:0;}select{margin:0;}textarea{margin:0; padding:0;resize:none; overflow:auto; outline:none;} th,td{padding:0;}/*表格其它无默认样式,只有单元格有padding*/ table{border-collapse:collapse;}/*合并边框间距*/ 默认元素在不同浏览器中的margin值