以上是行内式的样式设置，渲染的结果是
当然还可以使用require直接引入.css文件的，但由于还是初学，并未涉及，以后补上
react中的条件语句的写法
1.三元表达式
在create-react-app脚手架工具里的表现为
Reset是重置的意思。现在的浏览器五花八门，光ie就有好多版本，还有火狐，Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常，但是用火狐或其他浏览器打开的时候，网站就变形了。这些都属于兼容问题。
为了避免这种问题，我们需要把一些常用的html标签重置(CSS Reset)，将它们统一定义，就可以产生相同的显示效果。比如：
html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins,strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{margin:0padding:0border:0}
这个方法让所有的选择器的padding、margin和border都设置成0。
当然。reset.css只是一个名字，方便阅读，标准一些而已。你可以自己随意命名。
详细信息可以阅读http://baike.baidu.com/link?url=N09ph5vvUafzfyWHAGPXNu0ACSwTLd3qbNc8xqRBkoeSOHAdfcG3mH3jajW7pvUQy-LM0Njv2a0mgIgrvbYNSa
