常用的默认样式重置

body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,figure{margin:0; font-family:Arial,"宋体";}
ul,ol{padding:0;list-style:none;}
a{text-decoration:none;}
h1,h2,h3,h4,h5,h6,strong{ font-weight:normal;}
em{ font-style:normal;}
mark{background:none;}
img{ vertical-align:top;border:none;}

strong{ font-weight:normal;}

table{ border-collapse:collapse;}
td,th{padding:0;}

表单:

form{border:1px solid #000; margin:0;}
input{margin:0;padding:0; border:1px solid #ccc;}
textarea{margin:0;padding:0; resize:none; overflow:auto; outline:none;}
select{padding:0;}

清浮动:

.clear{zoom:1;}
.clear:after{content:"";display:block;clear:both;}

时间: 2024-10-11 22:23:43

常用的默认样式重置的相关文章

移动端默认样式重置

1.outline:none (1)在pc端为a标签定义这个是为了取消ie浏览器下点击a标签时出现的虚线.ie7及以下浏览器还不识别此属性,需要在a标签上添加hidefocus="true" (2)input,textarea{outline:none}  取消chrome下默认的文本框聚焦样式 (3)在移动端是不起作用的,想要去除文本框的默认样式可以使用-webkit-appearance,聚焦时候默认样式的取消是-webkit-tap-highlight-color.看到一些移动端

伪元素表单控件默认样式重置与自定义大全

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3381 本文参考自TJ VanToll的List of Pseudo-Elements to Style Form Controls. 如果你想看原汁原味的译文,可以移步这里:伪元素控制表单样式. 我这里所有的效果都自己重新制作demo试验了下,辨别下真伪,看看window环境下的差异以及其他一些属性支持等,然后,补充

移动端页面默认样式重置

1.-webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android) -webkit-tap-highlight-color:rgba(255,0,0,0.5);   //利用此属性,设置touch时链接区域高亮为50%的透明红,只在ios上起作用.android上只要使用了此属性就表现为边框.在body上加此属性,这

CSS3初学篇章_6(布局/浏览器默认样式重置)

CSS布局说到布局,就不得不提布局的核心<div>标签,它与其它标签一样,也是一个XHTML所支持的标签,专门用于布局设计的容器标签.在css布局方式中,div 是这种布局方式的核心对象,我们的页面排版不再依赖于表格, 仅从div的使用上说,做一个简单的布局只需要两样东西:div 与 css.因此我们称这种 布局方式为 div + css 布局. 语义元素 <header>.<nav>.<section>.<article>.<aside&

默认样式重置 (css reset)

---恢复内容开始--- body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0; font-size:12px;/* font-family:XX; */}ol,ul{list-style:none;padding:0;margin:0;}a{text-decoration:none;}img{border:none;} *{margin:0;padding:0} 影响性能,比如div没有默认的margin以及padding,重置所有标签影响性能 ---恢复内容结束--

讲课笔记3——浮动、margin失效的问题、默认样式重置

EO:搜索引擎优化,一般在网页里面只写一个h1标签,搜索引擎可以通过该h1标签里面的内容搜索你所写的网页(a标签和img标签最好写上title属性)标准写法:.logo {        text-decoration: none;        width: 144px;        height: 62px;        background: url(logo.jpg) no-repeat;    }a {    display: block;    text-indent: -999

分享一下自己在用的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的单独处

css的reset和常用的html标签的默认样式整理

先看下常用的这些标签浏览器的默认样式有哪些: body{ margin: 8px;} hr{ border:1px inset; margin-top:.5em;margin-bottom:.5em;} blockquote{margin: 16px 1em;} ul{list-style-type: disc;padding-left:40px;margin: 1em 0;} ol{list-style-type: decimal; padding-left:40px; margin:1em

重置浏览器的默认样式(css reset)

(1)定义:首先css reset指的是重置浏览器的默认样式 (2)作用:因为现在的浏览器很多,并且每个浏览器都有自己的默认样式,这样就会导致一个页面在多个浏览器下展示产生差异,所以我们需要做一些处理使每个浏览器下展示一致,故需要css reset (3)内容:第一个:*{padding:0;margin:0;border:0;}第二个:你所用到的元素{padding:0;margin:0;border:0;},然而第一个虽然写起来简单,但是它却会将所有的标签重置,而我们可能没有必要将那么多的元