什么是内嵌样式？ 实际上，从名字可以看出其特征。 直接在HTML标签中使用style属性设置CSS样式。 例如：
p style='font-size: 18px；' 通过使用内联样式/p HTML的style属性，可以更改所有HTML元素的样式，如下所示：
标签style='样式声明1； 风格宣言2； 请记住，样式声明3'/标记在每个样式声明之间使用分号； 哟，否则风格会失效。
例如，以下代码使用CSS内联样式将第一段的字体设置为20px，并将颜色显示为红色并以粗体显示： 第二个段落的字体大小设置为16px，颜色为绿色，倾斜显示。
呃！ doctypehtmlheadmetacharset=' utf-8 ' title CSS学习/title/headbodypstyle=' font-size 36020 px； 颜色：红色； 字体权重： bold；' 这是内嵌样式/p p style='font-size: 16px； color :绿色； 字体样式： italic；' 这对于内联样式/p /body/HTML组织内联样式很容易使用和方便。 直接在html标签上用style属性设置样式就可以了。 但是，内联样式只对当前HTML标签起作用。 这意味着如果要在多个标签中使用相同的样式，则必须多次设置。
由于内嵌样式都写在HTML标签中，这种方式无法将内容和表达分离，本质上没有体现出CSS的优势。
如果在大型APP应用程序中对所有标签使用内联样式，则不建议使用这种方法设置样式，因为这不仅会导致代码冗长，而且会增加后期的维护。
我目前在前端开发工作。 如果你现在还想学习前端开发技术，在学习前端的过程中对学习方法、学习途径、学习效率等有什么问题，我所在的前端学习交流裙：421374697里面有我这里也有我做前端技术的时候整理的前端学习思维导图，前端大厂面试题，前端开发源码教程，PDF文档书籍教程。 如果需要的话，可以找裙子猪来得到。
内联样式直接以：style的形式将样式对象h1 :style='{color: 'red '，' font-size': '40px'} '写入元素是因为字体大小必须用引号引起来。 有横线的必须用引号引起来。 --h 1: style=' { color : ' red '，' font-size':'50px'} '这是善良的h1/h1/divscriptsrc='./lib/vue-vue 在data : { h1 style obj : } color : ' red '，' font-size ' 3360 ' 4360 ' ' font-weight ' : ' 200 ' }元素中，属性h1 :style='h1StyleObj '这是一个善良的H1/h1通过：style通过数组引用多个data上的样式对象，以获取data : { h1 style obj : } color : 在由' font-weight'33330}定义样式的h1 style obj 2: { font style : ' italic ' }元素中，以属性绑定的形式将样式对象应用于元素。 h1 :style='[h1StyleObj，h1StyleObj2] '这是善良的-- div class='box '内联样式是以对象格式编写的。 其中，字体大小必须用引号引起来。 有横线的需要用引号引起来---！ --h1 : style=' { color : ' red '，' font-size':'50px'}这是善良的h1/h1 --！ //div----divclass='box '！ -以对象格式添加内联样式-- h1 :style='styleobj '这是善良的h1/h1/divscriptsrc='./lib/vue-2.4.0.js '/script/script :样式数组的写法
divclass=' box ' p : style=' style arr '世界之窗，关注你！ /p input @click='show () type='button' value='提交'/divscriptsrc=' vue-2.4.0.js '/scriptscriptnewvue //对象数组style arr : [ { background : ' red ' } ] (如果存在键值对)