我非常喜欢这个网站用CSS布局做的事情。是否有任何教程可以指示我/布局的解释 - 特别是如何让那些较小的链接图像排列在较大的图像上。我有点新设计。让我知道。
由于
答案 0 :(得分:4)
下载Firefox's Web Developer Add-on和Firebug。 (Chrome有类似的东西 - 可能其他浏览器也会这样做。)
安装后,请访问相关页面,然后点击“大纲” - >概述当前元素。这样就可以让任何你翻转的东西都会在它周围显示一个红色边框 - 这将有助于你理解组成他们页面的所有部分。
然后,右键单击元素并单击“检查元素”(在弹出选项的底部)。这将显示左侧的HTML和右侧的CSS - 这是了解他们如何布置页面的完美方式。
答案 1 :(得分:2)
下载适用于Firefox的Firebug,它可以让您轻松检查网页上的元素并查看他们的CSS等.Chrome也有一个bult-in检查员。
检查一个元素,看看css然后谷歌找出如果你不确定css会做什么。
答案 2 :(得分:1)
好吧,虽然这是一种废话导航......
无论如何,导航是使用float(http://www.w3schools.com/css/css_float.asp)属性构建的。两个元素(容器)按顺序放置,然后第一个(导航)浮动到第二个元素的左侧。还可以使用位置(http://www.w3schools.com/cssref/pr_class_position.asp)属性将其移动到图片上。
和其他人一样,使用Firebug来弄清楚一切都在做什么。