<!--
H1 {color: green font-family: impact}
P {background: yellow font-family: courier}
-->
(2)、将一个外部样式表定义文件链接到 HTML 文件上:
文件 mystyles.css 的内容如下:
H1 {color:green font-family:impact}
P {background:yellow font-family:courier}
(3)、将一个外部样式表定义文件输入到 HTML 文件中:
<!--
@import url(company.css)
H1 { color: orange font-family: impact}
-->
其中 company.css 文件内容如下：
H1{color:green font-family:times}
P{background:yellow font-family:courier}
(4)、将样式表加入到 HTML 文件行中:
如：
(注意：如果一个网页中同时使用了以上 4 种方法，那么
它们的优先级从高到低是 4-3-2-1。)
div a是相对定位的元素。margin，padding，width，height，不一样你看的出来，word-warp是单词强制换行的，是针对长英文单词的，汉字不需要。z-index：是控制层级的，如果li a 和 div a同时在左上方显示，那么div a会把li a盖掉一部分，z-index：数值越大层级越高，那么如果是两张纸摞在一起，上面你看到的纸，你就可以理解为z-index的数值大，所以在上面。
这里用到font-size属性，下面是例子：在<head>与</head>之间加上以下代码即可
<style type="text/css">
<!--body{font-size:12px}-->
</style>
12px是网页默认字体大小！
