react 第四章 样式的处理

1.用 style控制样式

style="width：100%"  这个是错的

style={ {} }  ；两花括号 第一个花括号是表达式 第二个是对象

style  属性值不是字符串 而是一个对象

style={{width:'100px',height:'100px', backgroung:'red'}}

2.用className="" 来写

2.1 在src中创建index.css

      写上样式

.demo {

  width: 100px;

  height: 100px;

  background: blue;

}

2.2 在index.js中引入 import './index.css'

2.3 在样式里面写 className="demo"