わかりやすいReact魔法(28):CSSスタイルを追加する時だ

今のページはとても見苦しいです.あなたは知っています.これはHTMLにすぎないので、3.2バージョンです.もし私があなたにCSSを教え始めたら、この本の範囲を超えています.しかし、続ける前に、プログラム全体がきれいに見えるように少しスタイルをつけたいと思っています.
distフォルダにstyleという名前を作成します.cssの新しいファイル.CSSルールを追加します.
dist/style.css

body {
    line-height: 1.428571429;
    font-family: sans-serif;
}

h1 {
    font-weight: 100;
    font-size: 250%;
    margin-bottom: 0;
    color: #0275d8;
}

a {
    color: #0275d8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.active {
    color: black;
}

button {
    padding: 5px 20px;
    background-color: white;
    margin: 10px;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    outline-width: 0;
}

button:active {
    background-color: #dcdcdc;
}

そしてindexでhtmlに導入するには:
dist/index.html

CSSをもっと したいならいいですが、 を けたほうがいいです. Reactがポイントです.そうしないと、 になるかもしれません.