normalize.css(cssスタイル初期化)Vueでの簡単な使用
621 ワード
normalize.cssは何ですか.
これはcssスタイルの初期化プラグインです.
実際の開発では、ブラウザのデフォルトのスタイルをリセットすることがよくあります.たとえば、次のような方法があります.
上記の方法でスタイルをリセットすることができますが、あまりにも簡単で乱暴で、*はワイルドカードで、すべてのラベルを遍歴する必要があります.ウェブサイトが大きい場合、スタイルが多いため、書くことでウェブサイトの運行の負荷を大幅に強化し、ウェブサイトをロードするのに長い時間がかかるので、使用することをお勧めしません.それと同時にnormalize.cssが誕生し、多くのCSSリセットとは異なり、有用なデフォルト値が保持され、一般的なブラウザの不一致などのエラーが修正されました.
normalize.cssはどうやって使いますか?
1、インストール
2、導入
これはcssスタイルの初期化プラグインです.
実際の開発では、ブラウザのデフォルトのスタイルをリセットすることがよくあります.たとえば、次のような方法があります.
* {
margin: 0;
padding: 0;
border:0;
}
上記の方法でスタイルをリセットすることができますが、あまりにも簡単で乱暴で、*はワイルドカードで、すべてのラベルを遍歴する必要があります.ウェブサイトが大きい場合、スタイルが多いため、書くことでウェブサイトの運行の負荷を大幅に強化し、ウェブサイトをロードするのに長い時間がかかるので、使用することをお勧めしません.それと同時にnormalize.cssが誕生し、多くのCSSリセットとは異なり、有用なデフォルト値が保持され、一般的なブラウザの不一致などのエラーが修正されました.
normalize.cssはどうやって使いますか?
1、インストール
npm install --save normalize.css
2、導入
import 'normalize.css/normalize.css'