Code前端首页关于Code前端联系我们

面试官问什么是CSS重置?怎么回答呢?

terry 2年前 (2023-09-27) 阅读数 84 #数据结构与算法

不同浏览器之间的默认样式存在很多差异和问题。为了在不同浏览器之间获得相同的视觉效果,开发人员通常在样式表文件中添加以下内容。插入一段CSS代码,如meyerweb.com/eric/tools/...,我们称这个过程为CSS Reset。

当然,好处和它的功能是一样的。但我们也应该清醒地认识到它的缺点。许多语义元素,例如布局标签、列表标签等。已经失去了意义。如果没有为它们设置其他样式,它们在视觉上与其他内容没有什么不同;如果页面上存在第三方元素,第三方内容的嵌入会影响第三方内容的视觉效果;很多开发者甚至直接复制一段百度代码到自己的项目中。我认为这样的发展是不负责任的。

个人认为,一些全局的样式,比如字体、字号等,在项目中可以根据需要来设置,而元素的样式设置应该通过选择器来精确设置。在项目中,我通常会创建一个基本的样式文件,在里面写一个通用的类选择器,在需要的元素上添加类名,以达到重置的效果。喜欢

  .no-padding {padding: 0;}
  .only-content {padding: 0;margin: 0;border: 0}
<body class="only-content user-difined-className"></body>

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门