css学习笔记: 重置默认样式 css reset

作者:好好 来源:好好blog 时间:2009-07-19 14:30:00 

最近看到一个词叫css reset。什么叫做css reset呢?我理解为重置css,也就是重置默认样式。我在HTML下的默认样式中讲到,一些标签元素在HTML下有一个默认属性值,我们在写css页面的时候,为了避免在css中重复定义它们,我们需要重置默认样式(css reset)。每个人的用法和写法都不一样。找到一篇关于css reset的调查文章, 可以看看国外使用css reset的比例调查。

 


这里有一篇总结css reset比较全面的文章,列举了多种css reset的写法,可以看看。
译文地址查看
原文地址查看

接下来我也查看了国内的两个网站,用Firebug按F12看看他们的css reset怎么写的?

淘宝

html {
overflow-x:auto;
overflow-y:scroll;
}
body, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td {
font-weight:400;
margin:0;
padding:0;
}
h1, h2, h3, h4, h4, h5 {
margin:0;
padding:0;
}
body {
background-color:#FFFFFF;
color:#666666;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
padding:0 10px;
text-align:left;
}
select {
font-size:12px;
}
table {
border-collapse:collapse;
}
fieldset, img {
border:0 none;
}
fieldset {
margin:0;
padding:0;
}
fieldset p {
margin:0;
padding:0 0 0 8px;
}
legend {
display:none;
}
address, caption, em, strong, th, i {
font-style:normal;
font-weight:400;
}
table caption {
margin-left:-1px;
}
hr {
border-bottom:1px solid #FFFFFF;
border-top:1px solid #E4E4E4;
border-width:1px 0;
clear:both;
height:2px;
margin:5px 0;
overflow:hidden;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th {
text-align:left;
}
q:before, q:after, blockquote:before, blockquote:after {
content:"";
}

百度有啊:(架构基本上是模仿YUI来做的)

body {
font-family:arial,helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4;
text-align:center;
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
table {
font-size:inherit;
}
input, select {
font-family:arial,helvetica,clean,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
button {
overflow:visible;
}
th, em, strong, b, address, cite {
font-style:normal;
font-weight:normal;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
img, fieldset {
border:0 none;
}
ins {
text-decoration:none;
}

标签:css,reset,重置,样式
0
投稿

猜你喜欢

  • 在Python中使用SimpleParse模块进行解析的教程

    2021-04-11 12:17:53
  • 使用Keras中的ImageDataGenerator进行批次读图方式

    2023-07-02 03:49:50
  • mysql中max_allowed_packet参数的配置方法(避免大数据写入或者更新失败)

    2024-01-17 06:06:08
  • python ImageDraw类实现几何图形的绘制与文字的绘制

    2023-10-14 10:58:13
  • Scrapy实现模拟登录的示例代码

    2023-07-13 21:53:11
  • PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)

    2024-04-28 09:44:51
  • Mysql字段为null的加减乘除运算方式

    2024-01-17 23:35:40
  • 后台程序开发常用jQuery插件

    2010-04-06 12:11:00
  • 解析:轻松掌握在 Mac OS X中安装MySQL

    2009-01-14 11:51:00
  • 灵活调用xsl来解析xml文档(js异步)

    2008-09-05 17:12:00
  • SqlServer编写数据库表的操作方式(建库、建表、修改语句)

    2024-01-15 11:38:57
  • 如何使用json在前后台进行数据传输实例介绍

    2024-05-03 15:03:56
  • JS实现canvas简单小画板功能

    2023-08-21 07:40:49
  • Python万物皆对象理解及源码学习

    2023-05-14 13:34:02
  • Python实现约瑟夫环问题的方法

    2021-09-07 19:41:28
  • Sql Server 2005 默认端口修改方法

    2024-01-27 08:44:53
  • python合并多个excel的详细过程

    2023-10-03 14:39:26
  • sp_delete_backuphistory

    2008-06-07 13:59:00
  • python中24小时制转换为12小时制的方法

    2023-01-26 20:50:12
  • element-ui table span-method(行合并)的实现代码

    2024-05-10 14:17:35
  • asp之家 网络编程 m.aspxhome.com