我的理解：
关于align和margin：
align是HTML属性，表示文档中的内容居中。也就是你可以用margin将该元素定位在底部，然后用align来将它里边的内容居中。margin是css属性，表示的是定位，定位的优先级更高，先定位，然后将里边的内容居中。
如下：
<h1 align="center"style="color: yellowmargin-left: 20px">h1
<a href="#">百度</a>
</h1>
效果如下：
图中h1标签被定位，align对其中的内容定位
关于颜色：
我们看到a标签在h1标签里边，但还是默认的a样式。我又同时测试了一下，发现a嵌套在哪里，只要你不默认改变它的样式，那么它还是会按默认的来显示，也就是不受父级元素的影响。
暂时就这么多，不知对不对。本来排版可以更加美观易懂一些，该死的百度竟然还要去商城买
饰品来排版......彻底无语。。
囧
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中相同属性所覆盖
