内联样式：在HTML元素中使用＂style＂属性，详细步骤：
1、当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在标签中使用样式属性，样式属性可以是任何 CSS 属性。其作用范围是在当前标签内，使用较少，代码为：<div style="color:bluefont-size:20px">新增区域</div>。
2、当单个文件需要特别样式时，就可以使用嵌套样式。通过在<head>部分定义<style>标签书写嵌套样式，在<style>标签中可以使用标签选择器，类选择器，id选择器等去给标签设置属性，如下图所示。
3、当样式需要被应用到很多页面的时候，将会使用外联样式，通过更改一个文件来改变所以页面的样式。此时我们需要在<head>标签中引入<link>标签，<link rel="stylesheet" type="text/css" href="a.css">，href中为需要引入的css文件，如下图所示。
4、单独的css文件是以.css为后缀名的文件，在该文件内可以直接设置标签样式，不需要包在<style>标签里，如下图所示。
5、当我们想为某一个元素设置特殊样式的时候，可以将该元素写在<span></span>标签内，因为<span>标签没有特殊的语义，适合单独设置样式，如下图所示。
style属性，可以针对html设置css内联样式。例子：
<div id="mydiv" style="color:redfont-size:14px">红色字14号字</div>
两者区别在于：1、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件，属性是标志的选项，在标志中修饰，如颜色，对齐方式，高度和宽度等；
2、一般统一在CSS中设置样式，你可以随便打开网站查看源码，基本上看不到HTML中有设置样式的；
3、html是用来写网页内容的，像网页上文字、图片内容等都是用html来写；
4、css是用来写样式表的，给html写的内容加上各种样式，使网页更美观。像文字的颜色，页面的布局，一些按钮边框的样式是用css来控制的；
5、html调用样式的时候分为三种类型：内联样式，内部样式，外部样式。
1）内联样式：就是写在html的标签上；
2）内部样式：就是写在heml的头部head中；
3）外部样式：就是写在外部，另外建一个css文件
这三种调用样式的权重值是：内联样式>内部样式>外部样式。
即：先文件加载的时候先调用内联样式，如果没有内联样式其次才是内部样式，最后才是外部样式。
html如果有属性的话就称为内联样式。这样的话内联样式权限大于CSS中的样式
也就是HTML属性会被显示出来的CSS中相同属性所覆盖
