今天重新学习DIV  ID和CLASS。

      首先查看了W3中的学习资料感觉自己对于文字教学理解的不够深刻，感觉有点抽象，又找了些视频学习，通过视频中对于标签及属性的实际操作和应用感觉自己会理解的更深刻一点。觉得这样的学习方法好像更适合自己，先读书，然后带着问题去看实操，感觉可以更深刻的认识和理解吧。

通过学习知道了DIV是布局比较常用的标签，DIV的格式 <div></div>，之前我用H标签去做方块，格式首先会变，因为只是方块可能不太明显，如果用于做文字差别可能就明显了 ，所以全部改成DIV布局。

学习了ID，ID格式<div id="W1"></div> ,引用是用#W1{} 开头是 # 符号。一开始为了省事只命名为数字1，后来发现ID命名不能以数字开，又改成W1。照着原来的办法编写了9个盒子，又编写了9遍样式，做出九宫格。

之后看了一下师兄的样式，发现了CLASS，又去学习CLASS，CLASS的格式 <div class="W1"></div> , 引用是 .W1{}  ，开头符号是 .  符号。理解了ID和CLASS的区别，自我理解，ID是针对单一的元素，CLASS针对批量的元素吧。这样理解不知道是不是有些片面。瞬间感觉自己有点蠢，又把DIV里的ID全部改成CLASS，样式就感觉比较好做了，只需要编写一遍样式就可以了。 然后适当调整了body的宽  暂时做成了九宫格。 但是这样的九宫格不稳定吧，拖动浏览器边框，九宫宫格就来回变了。看了下任务目标里的代码又不一样，感觉有点小崩溃，我到底绕了多少弯路！