前一段时间备考，学的东西有点遗忘，还是重做一下吧

今天做的事：重做任务

遇到的问题及解决方案：

1：div不加高宽可以吗？

思路：尝试功能，并比对添加文字的效果

结果：在无内容的div必须高宽都加才能显示色块，有内容时，其内容是内容的高度

2：如何只让三个色块在一行？

思路：试用清除浮动来解决，或调整边距解决

结果：使用清除浮动失败，原因还不是很明白，后尝试利用内外边距调整，调整最后的色块的外边距占据剩余空间，使得三个一行

3:觉得样式太长，能否用*选择器代替公共代码？

结果：不行*选择器会改变所有样式并添加背景颜色

4：缩放变形

调整缩放时除当前以外的百分比会瓦解

思路：在外套一个大div限制整体高宽会崩塌的情况

结果：调整缩放比例后完全正常

学到的知识：

1：标签选择器：针对一类标签

  标签选择器，选择的是页面上所有这种类型的标签

  需要注意的是：

（1）所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input、div等

（2）无论这个标签藏的多深，一定能够被选择上

（3）选择的所有，而不是一个

2：ID选择器：针对某一个特定的标签使用

针对某一个特定的标签来使用，只能使用一次

id选择器的选择符是“#”

任何的HTML标签都可以有id属性

（1）只能有字母、数字、下划线（2）必须以字母开头。

（3）不能和标签同名。比如id不能叫做body、img、a。（4）大小写严格区分

3:class属性的特点：

• 特性1：类选择器可以被多种标签使用。

• 特性2：同一个标签可以使用多个类选择器。用空格隔开

• 不要去试图用一个类名，把某个标签的所有样式写完。这个标签要多携带几个类，共同完成这个标签的样式

  （2）每一个类要尽可能小，有“公共”的概念，能够让更多的标签使用

  
  

明天要做的事：

调整自适应功能