css：style样式

css样式有文档内嵌样式（内联式）、外部引用样式（外联式）、元素内嵌样式（行内式）三种。

内联式：<style type="text/css">
                      #box {
                              width: 600px;
                              height: 500px;
                              background: red;
                          }
                </style>

外联式：        <link rel="stylesheet" type="text/css" href="a.css"/>

很多时候，大量的 HTML 页面使用了同一个组 CSS。那么就可以将这些 CSS 样式保存在一个单独的.css 文件中，然后通过<link>元素去引入它即可。

行内式：   <div id="box" style="width: 300px; height: 300px; background-color: green;"> 

优先级：行内式>外联式>内联式

还有一种行内属性：<img src="res/apple.png" height="300px" width="400px">  没有style包裹就是行内属性

优先级： 行内样式>内联样式>行内属性   这里就不讨论外联式了