同级情况下CSS的优先级探讨：CSS的调用方式一共有4种，分别是：行内样式，内嵌式，link链接式，@import导入式，在同级的前提下，我们可以按样就近原则来理解他们的优先级，则越前定义的样式，会被后面的样式覆盖。
@import导入式是在嵌入式里面插入的，但是在测试的过程中，却是优先级最低的，因此我认为是浏览器加载完毕后导入样式表时，优先解析了导入的内容，所以成为被后面同级样式覆盖。
在同级的情况下的优先级是：行内样式>内嵌式=link链接式（谁顺序后，谁优先级高）>@import导入式
CSS选择器H1为标签选择器｛｝内容为CSS声明
Class可以允许用户自己定义非标准标签。
盒子模型?每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（width）和高度（height），盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。
一般的网页结构
DIV结构如下：│body {}/*这是一个HTML元素*/└#Container {}/*页面层容器*/├#Header {}/*页面头部*/├#PageBody{}/*页面主体*/││├#Sidebar {}/*侧边栏*//*主体内容*/└#MainBody{}└#Footer {}/*页面底部*/
自己练一下，能不能自己完成上图的布局。