reset并不是一个标准化的CSS属性,它通常是一段扩展样式表,包含了对HTML元素的各种属性的重置。reset会将HTML元素的样式从浏览器默认的样式中清除,使得大家在定义样式时不必考虑默认样式的影响。
下面是一段常用的reset代码:
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; font-size: inherit; font-family: inherit; vertical-align: baseline; } /* 去掉页面所有链接的下划线 */ a { text-decoration: none; } /* 清除列表和表格的样式 */ ul, ol, li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; }
在这个reset代码中,大家把所有元素的外边距(margin)、内边距(padding)和边框(border)都设置为0,还把盒模型(box-sizing)设置为border-box。大家还清除了链接(a)的下划线,然后去掉了列表(ul、ol)和列表项(li)的默认样式,最后把表格(table)的边框合并并去掉了单元格之间的间距。
需要注意的是,reset应该在大家的自定义样式表之前进行导入,这样才能确保大家的样式不会受到任何默认样式的干扰。
综上所述,reset在CSS中的作用是清除HTML元素的默认样式,使大家的自定义样式能够正确地应用。