<h5>一、行内样式</h5>
1、如图中所示,return 一个对象,对象属性(驼峰规则)按照key:value的形式写好,字符串一定要加引号
var cssStyle={
opcity:1,
fontSize:"18px",
color:"green"
}
<div style={cssStyle}></div>
2、如下图所示
style={{opcity:1,fontSize:"18px",color:"green"}}
,有点晕哈~为啥两个花括号?因为第一个花括号是执行js表达式,第二个花括号表示这是一个js对象。
<h5>二、外链样式</h5>
<div className="myclass"></div>
为了避免和js中的class关键字冲突,就采用className命名啦~