0228CSS学习

• 定位：
  • 相对定位：position:relative; 相对定位的对象是自己的起始位置，它仍然占据普通流中的空间；
  • 绝对定位：position:absolute; 绝对定位的对象是父级的位置（参考已定位的父级，若父级没有定位，则一直往上参考，直到参考body的位置）；
  • 利用定位可以很好的制定多级的下拉菜单，鼠标悬浮时呈现特殊效果；
• 今天犯的错误：
  • 去除所有margin和padding默认设定时，本应写成“*{margin:0; padding:0；}”,但两次使用的过程中，一次写成“*{margin:0; width:0；}”，另一次写成“*{margin:0; height:0；}”。这两种错误，造成本来应该有的布局瞬间崩塌。这类错误是打字习惯造成，且不易检查发现。对初学者来说，很容易去怀疑自己对DIV的宽高设定和各类属性设定是不是有问题，这样做了很多的无用功。
  • 定义类属属性与应用时拼写有遗漏，导致应有的效果未呈现出来。比如：定义的时候写：.content{}. 而使用的时候写成：class=“conten”. 因为漏写了“t”，在布局的相关检查了很久都没有发现问题所在，浪费了很多的时间。
  • 所以初期学习的时候，对于CSS设定的类名拼写要多留心眼，做好在应用的时候就核对与定义是否一致。做布局的时候，不要一次性写太多的框架，布局过深。应该一边写框架，一边检查。写好一个再布下一个，毕竟初学的时候，不能想到太多，容易犯错。而在一堆的代码中查找错误效率很低。一边写，一边检查才能不打乱节奏和思路。