如何通过CRA使用不同的CSS重置样式表？
在使用CRA（Create React App）时，可以通过以下步骤使用不同的CSS重置样式表：
- 创建一个新的CSS文件，用于存放重置样式表的代码。可以命名为
reset.css或者normalize.css等。 - 在该CSS文件中，编写重置样式表的代码。重置样式表的目的是将不同浏览器默认的样式统一，以确保页面在不同浏览器中呈现一致的效果。可以使用现有的重置样式表，如Normalize.css（https://necolas.github.io/normalize.css/）。
- 将该CSS文件放置在项目的合适位置，例如
src目录下的styles文件夹。 - 在React组件中引入该CSS文件。可以在需要重置样式的组件中引入，或者在根组件中引入以应用于整个应用程序。
- 在React组件中引入该CSS文件。可以在需要重置样式的组件中引入，或者在根组件中引入以应用于整个应用程序。
- CRA会自动处理CSS文件的导入和构建，无需额外配置。
通过以上步骤，你可以使用不同的CSS重置样式表来重置React应用程序的默认样式。请注意，这只是一种常见的做法，你也可以根据项目需求选择其他的CSS重置方案。
相关·内容
在create-react-app上有一个关于的部分。据我所知，CRA包含PostCSS Normalize作为依赖项，您所需要做的就是创建一个css文件并将@import-normalize;添加到其中，您将拥有normalize.css。(顺便说一句，我的编辑器用这个@import-normalize给了我“未知的CSS at-rule”)。
我想要的是一个重置，包括在body上的边际为零。我甚
浏览 13提问于2019-07-22得票数 0
11回答
根据Dan的一个，CSS模块支持在创建-反应-应用程序(CRA)中。一个人只需要将module.css扩展到他的样式表中，就可以启用这个特性，但这并不适用于我。我正在使用1.1.4版的react-scripts。如何使用CRA启用css模块？谢谢
浏览 5提问于2018-05-08得票数 49
回答已采纳
2回答
我对文件夹结构应该如何反应感到困惑，我只是将单独的样式导入到单个元素中，但首先，我在控制台中获得了is defined but never used，其次，我得到了两个按钮，虽然我只是添加了一个按钮，它看起来与addcontact.css中的样式相同--我从来没有将它添加到我的ContactList.js中--实际上发生了什么？是否使用道具返回元素与样式?！文件夹结构addcontact.css display: flex;
alig
浏览 0提问于2021-08-17得票数 0
我需要能够将输入字段重置回其原始颜色后，它可能已通过javascript更改为不同的值。问题是我不想硬编码这个值，以防样式表发生变化。我想使用页面上使用的默认颜色。像这样重置颜色是好的，还是有更好的方法呢？
$('#theinput').css('color', '');
浏览 0提问于2010-03-23得票数 26
回答已采纳
不同的css重置每个浏览器，这是一个好主意，以获得最大的兼容性与较少的努力？我在搜索google 时发现了这个
UA样式表是一组简单的css样式，每个web浏览器在应用任何其他css样式之前都会使用这些样式。
浏览 0提问于2010-03-31得票数 1
7回答
我有一个html文件，它有不想要的8px顶部边距：当我检查它的时候，它显示了这样的东西：什么源代码是“用户代理样式表”？糟糕的是，当我发现并将<%#替换为<!--，将%>替换为-->时，我的bootstrap.css就被注释掉了。
<
浏览 12提问于2014-11-17得票数 0
回答已采纳
我使用Google查看浏览器如何呈现我的代码。现在在Chrome中一切都是完美的。当它们在Firefox中打开时，会出现一些不正常的情况。在Chrome中，导航条与其内部元素(<ul><li></li></ul>)非常匹配.不在Firefox.中，有一些高度宽度不匹配的.(我用%来表示身高、宽度等)
用于div的不同边框
浏览 1提问于2015-03-17得票数 0
回答已采纳
1回答
因此，我们都知道CSS重置是伟大和明智的。但是，这些重置样式表可能相当长，我不希望将重置样式保留在我的主style.css文件中。相反，我希望有一个单独的重置样式表文件。如何使用Wordpress使用函数来实现这一点？
到目前为止，我刚刚在我的styles.css中包含了styles.css，
浏览 4提问于2016-05-17得票数 1
回答已采纳
我的目标是创建一个简单的应用程序，并在不使用create-react-app的情况下输出一个js独立文件和一个css独立文件。我有两个功能组件，比如 <div>test</div>}
我的app.js文件/Card';
ReactDOM.render(<Card />, docum
浏览 1提问于2020-05-17得票数 0
10回答
我想看看在各种浏览器的默认样式表中使用的特定样式元素。浏览器有没有一个真正的基于文件的样式表，我可以在我的系统上找到并读取？如果是，那么这些文件的默认位置是什么？如果没有，我在哪里可以找到这些信息？
浏览 2提问于2008-10-18得票数 34
我正在使用create-react-app，并试图找出一种将样式表应用到特定页面的“有效”方法。我的src文件夹结构如下所示：| - About| - - styles.css| - - index.js| index.css
在每个index.js文件中，我都使用了import './style.css&#
浏览 23提问于2017-05-09得票数 11
我总是使用预定义的CSS重置，以及WordPress核心CSS，以及我即将到来的CSS在任何项目中的工作。在我使用更少之前，我没有任何问题。当我编写新的更少的代码并通过SimpLESS或任何其他编译器编译它时，我只需要从样式表(.css)中删除我现有的CSS (重置，WP核心)代码，然后用新编译的</e
浏览 3提问于2015-09-21得票数 1
回答已采纳
1回答
我在Extrenal样式表中有一个类的css。我必须在不同的浏览器中区分那个类的css。如何在不同浏览器的外部样式表中为该类编写不同的属性。我可以通过维护不同的样式表来做到这一点。但我不想使用额外的样式表。
浏览 0提问于2013-01-09得票数 0
4回答
未在任何位置指定页眉边距
、、、、
我有个奇怪的问题。我有一个简单的网页，由于某些原因，<h1 />标签的margin-top和margin-bottom超过18px。在我的*.css文件中没有指定这一点。Firefox Firebug向我显示了所应用的样式，但没有任何边距。是什么导致了这种情况？？
浏览 4提问于2011-10-25得票数 4
回答已采纳
我使用app (CRA)，只想通过CSS在公用文件夹中包含一个png文件(我保存所有的图像文件)。现在，我试图通过CSS引用这个图像(我只将background-image行添加到一个新生成的CRA应用程序中)： background-color: #222;}
You attempted to import example.png which falls out
浏览 0提问于2018-02-17得票数 28
回答已采纳
在运行NPM Run Deploy之后，应用程序可以在GH页面()上运行，但不能在本地使用NPM start。这只会在构建应用程序之后发生。偶尔我会收到一个控制台错误，说：‘资源解释为样式表，但使用MIME类型text/html传输："“。’
我已尝试重命名CSS文件。当我更新CSS文件时，CRA不会重新编译。这就好像它甚至不承认CSS的存在。
浏览 17提问于2021-03-06得票数 0
我在使用left-left CSS属性时遇到一些问题。我有一些嵌套的无序列表。这是列表的样子，没有改变页边距-左边( IE和Chrome)：我想减少每个列表的缩进量，所以我添加了这段CSS代码：{}这在Chrome中运行良好，它会显示以下内容：但是，IE 8是这样显示的：我猜两种浏览器的边距起始位置是不同的？<e
浏览 1提问于2013-04-17得票数 0
回答已采纳
我已经使用css重置了很长一段时间，现在在不同的项目，我很高兴它，总是得到良好的结果。现在我已经阅读了很多关于normalize.css的文章，我还看到HTML5样板使用它作为默认样式表。它不重置一切，它只是补偿浏览器<e
浏览 0提问于2011-11-09得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
