style所放位置需先对style的性质身份做区分。在html中，如果style是某一HTML元素的属性，则需要放置在单个HTML元素标签中，用于设置行内样式，语法“<元素名 style="样式代码">”；如果将style当做标签使用，则需要放置在head标签内，用于设置内联样式。因此，在html中，style的位置分style属性和style标签两种情况。
1、style作为某一HTML元素属性
style属性放置在单个HTML元素标签中，用于设置行内样式
style 属性将优先生效，覆盖任何其他任何相同的样式设定，如在 <style> 标签或在外部样式表中设定的样式。
示例：
<p style="min-width:60px;color: rgba(128, 128, 128, 0.5);width:120px;height:18px;line-height:18px;padding-bottom:20px;margin-top:8px;background:#fff;text-align:center;text-align: justify;border-radius: 14px;border-bottom:solid 1px #ebebeb;box-shadow: 0px 0px 15px red;"></p>
2、style作为HTML标签使用
style标签放在<head>标签里面。
因为浏览器解析HTML文档是自上而下的，这样<style>标签里的样式就会作用到body里的元素上。如果<style>标签放在<body>标签下面，在这之前的元素的样式就不会生效，会导致页面结构出来了，而CSS还没开始渲染。
示例：
<head>
<style type="text/css">
body{font-size:18px;}
</style>
</head>