Web之旅第四站——CSS(Cascading style Sheet) 层叠样式表

来源:互联网 发布:独立开发者 知乎 编辑:程序博客网 时间:2024/06/10 02:07

宏观导图


导图简介:

  从宏观的角度:What,Why,How,Result对CSS的内容进行归纳总结。注意点:在布局的时候,两个上下位置关系的DIV之间的距离不能用margin-top 直接加上margin-border,这个时候决定两者之间距离的是两个DIV中margin值最大的那一个。

如下图所示:

图1————DIV1的margin-bottom = 50px;

图2————DIV2的margin-top的值为20px;

图3————用工具测量的两个div的距离。


小结:

   纸上得来终觉浅,绝知此事要躬行!慢慢的自己也开始喜欢上自己用代码来实践,来证明这些理论了。只有将强大牢固的理论结合上实践才能发挥最大的力量!

1 0