介绍
Aphrodite-reset 是一款使用在 React 项目中的 CSS Reset 库，其目的是在你基于 aphrodite 库进行样式编写时，提供一个更好的初始样式
安装
你可以使用 npm 或者 yarn 安装
npm install --save aphrodite-reset # or yarn add aphrodite-reset
如何使用
引入样式
import { StyleSheet } from 'aphrodite';
import aphroditeReset from 'aphrodite-reset';
// 引入 aphrodite-reset 样式
StyleSheet.reset(aphroditeReset);样式使用示例
-- -------------------- ---- -------
------ - ----------- --- - ---- ------------
---------------------------------
----- ------ - -------------------
---------- -
---------------- ------
-------- -------
------------- ------
--------- -
---------------- -------
-
-
---
-------- ----- -
------ -
---- ----------------------------------
--------- ----------
------
--
-说明
Aphrodite-reset 库的作用与其他 CSS Reset 库相同，就是为了使浏览器在渲染页面时，有一个更好的初始状态。而 Aphrodite-reset 的优势在于它是基于 Aphrodite 库的，因此可以更好地结合 Aphrodite 库的使用习惯。
Aphrodite-reset 库提供的 CSS Reset 样式如下：
-- -------------------- ---- ------- ---- - ----------- ----------- - -- ---------- -------- - ----------- -------- - ---------- --------- - -------- -- - ----- --- --- --- --- --- --- ----------- -- ---- --- -- - ------- -- - ------ - ----------- ------------ -------- -- - -------- - ------- -- -------- -- - -------- - ------- --------- - ----- - ---------------- --------- --------------- -- - --- -- - -------- -- ----------- ----- - -- ------ -- -- --- --- --- -------- ------------ -------- --- --- -- ---- -------- ----- -- ------- ----- --- --------- -- --- ---- ------- ----- ------ --------- --------- -- ---- - ---------- ----- - ---- - ---------- ----------- - ---------------- - ----------------- -------- ------ -------- - ----------- - ----------------- -------- ------ -------- - --- - --------------- ------- ---------- ----- ------- ----- ------- -- -
总结
在使用 Aphrodite 库的过程中，Aphrodite-reset 库提供了一个更好的样式基础。通过引入 Aphrodite-reset 样式，可以使得我们的样式更好地与标准浏览器保持一致。
同时，Aphrodite-reset 样式也可以作为一份供前端开发人员参考的 Reset 样式文档。在需要自定义一些样式基础的时候，可以更好地参考 Aphrodite-reset 提供的样式代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671781e8991b448e36b5