Js里面插入了一个html段落p 搞不清楚双引号 和加号是怎么回事

Font size 后面为什么要一个双引号 而且结束的双引号为什么不包括在ox 在内 而是在Px的前面？？！？？ I前面为什么要➕加号 5后面为什么也要一个加号 不是太理解

行内样式的格式不是 p style=“10px”
就是style后面的样式内容应该要引号全部引起来吗 图片里面的怎么引号没有包括ox
另外两个➕号怎么理解

为了字符串 拼接 才会出现单引号和双引号 。 如果你用 es6里 模板字符串 。就可以直接用 ${}代表 变量了

" 1 " 这是一段内容， " 2 " 这又是一段内容，这两个怎么能一起出现呢？用加号
所以加号 是拼接
单引号，可以这样理解，是为了区分双引号，是不是一段内容，

单引号和双引号可以调换着用，例如

'<p  style="">' + '</p>'