首先，需要让IE支持HTML5标签。这个简单，随便在网上搜一下就能找到。下载一个html5.js，并拷贝到自己的目录里就可以了。现在写一段简单代码，其功能是在页面上放置一个canvas，并画一个红色圆圈。复制代码1 < !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> 2 < HTML> 3 < HEAD> 4 < TITLE> ie8支持HTML5+CSS3 < /TITLE> 5 < head> 6 7 < style type=”text/css”> 8 body { 9 background: #444; 10 color: #FFF; 11 font-family: Helvetica, Arial, sans-serif; 12 text-align: center; 13 } 14 15 #cv { 16 width: 600px; height: 400px; 17 background: #000; 18 border-radius: 20px; 19 padding: 20px; 20 margin: 20px auto; 21 box-shadow: 0 0 40px #222; 22 } 23 < /style> 24 25 < script type=”text/javascript”> 26 function test() { 27 var ctx = document.getElementById(“cv”).getContext(“2d”); 28 29 ctx.fillStyle = “#aa0000″; 30 ctx.beginPath(); 31 ctx.arc(100, 100, 25, 0, Math.PI*2, true); 32 ctx.closePath(); 33 ctx.fill(); 34 } 35 36 window.onload = test; 37 < /script> 38 39 < /head> 40 41 < body> 42 < canvas id=”cv”> < /canvas> 43 < /body>
css内链就是把css代码直接写入到html标签里面去，写在style=””双引号中，
嵌入式是指把css代码写到< style type=”text/css”> < /style> 标签之间。写在< head> < /head> 之间
外链式是指把css代码写到单独的一个后缀为css文件里面，然后在head内通过link去引入
类似于：< link href=”base.css” rel=”stylesheet” type=”text/css” />
三者优先级的区别是
内联式 > 嵌入式 > 外部式
其实总结来说，就是就近原则（离被设置元素越近优先级别越高）。
base标签是HTML语言中的基准网址标记，它是一个单标签，位于网页头部文件的head标签内，一个页面最多只能使用一个base元素，用来提供一个指定的默认目标，也算是一种表达路径和连接网址的标记。
常见的url路径形式分别有相对路径与绝对路径，如果base标签指定了目标，浏览器将通过这个目标来解析当前文档中的所有相对路径，包括的标签有（a、img、link、form），也就是说，浏览器解析时会在路径前加上base给的目标，而页面中的相对路径也都转换成了绝对路径。使用了base标签就应带上href属性和target属性。