現(xiàn)在的頁面超級難看欲险，你我都知道吃度。因為這只是一些HTML ,還是3.2版本的。如果我開始教你CSS的話就超出這本書的范圍了责语。但是在繼續(xù)之前炮障，我想稍微加點樣式讓整個程序看起來好看一點。
在dist文件夾中創(chuàng)建名為style.css的新文件坤候。添加一些CSS規(guī)則進去胁赢。
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
</html>
你要是想多添加一些CSS進去也可以，但是最好還是繼續(xù)往下看吧白筹，畢竟React才是重點智末，不然你可能會半途而廢。
