摘要:
制作斜角菜单就是利用边框的接角构造一个斜角,每一个菜单项的a元素,放置一个span元素,设置为corner类,实现斜角效果。设置a元素为相对定位,a是span的子元素设置其为绝对定位,再设置span的top和left为零,以便使斜角定位在以边框为界的左上角。以下代码显示效果如下 斜角菜单菜单1菜单2... 阅读全文
摘要:
绝对定位的概念1.使用绝对定位的盒子以它的”最近”一个”已经定位”的“祖先元素”为基准进行偏移。如果没有已经定位的祖先元素,那么可以以浏览器的窗口为基准进行定位。2.决定定位的框从标准流中脱离。 无标题文档 Box-1 Box-2 Box-3 阅读全文
摘要:
关于相对定位的结论如下1. 使用相对定位的盒子,会相对于它原来的位置,通过偏移指定的距离,到达新的位置。2.使用相对定位的盒子仍在标准流中,它对父块和兄弟盒子没有任何影响。 无标题文档 Box-1 Box-2 Box-3 static(静态定位)为默认值,即在原本应该在的流布局上,从... 阅读全文
摘要:
使用下面的代码作为演示例子。 无标题文档 Box-1 Box-2 Box-3 这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的文字,这里是浮动框外围的... 阅读全文