css - 如何删除 create-react-app 中的默认边距？

Question

我使用该create-react-app命令制作了一个新应用程序。我删除了文件src夹中的大部分文件。所以现在我的文件夹看起来像这样：

index.js有

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

并App.js包括

import React from 'react'

function App() {
  return (
    <div className="App">
      <h1>Hello World</h1>
    </div>
  );
}

export default App;

现在，当我运行yarn start并转到浏览器时，它显示：

问题：您可以清楚地看到“Hello World”文本的一些左边距。这是为什么？我没有包含任何 CSS 文件！另外，我如何删除它？

标签： cssreactjscreate-react-appmargin

Answer 1

这是因为默认浏览器 CSS。您可以使用以下代码重置这些。

* {
  margin: 0;
  padding: 0;
}

您可以将此 CSS 代码添加到您的全局 CSS 文件中。