0228CSS学习

来源:互联网 发布:牛津简明英语词典 知乎 编辑:程序博客网 时间:2024/06/15 04:23
  • 定位:
    • 相对定位: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设定的类名拼写要多留心眼,做好在应用的时候就核对与定义是否一致。做布局的时候,不要一次性写太多的框架,布局过深。应该一边写框架,一边检查。写好一个再布下一个,毕竟初学的时候,不能想到太多,容易犯错。而在一堆的代码中查找错误效率很低。一边写,一边检查才能不打乱节奏和思路。
0 0
原创粉丝点击