Html 特定网站的CSS布局

Html 特定网站的CSS布局,html,css,Html,Css,我真的很喜欢这个网站的CSS布局。是否有任何人可以向我介绍布局的教程/解释-特别是如何让那些较小的链接图像在较大的图像上对齐。我对设计有点陌生。让我知道 地点: 感谢Firefox的下载,它允许您轻松地检查网页上的元素,并查看它们的css等。Chrome还有一个bult-in-inspector 检查一个元素,查看css,然后在不确定的情况下通过谷歌查找css的作用。下载并下载。(Chrome也有类似的功能——很可能其他浏览器也有) 安装后,请访问相关页面,然后单击大纲->大纲当前元素。这将使您

我真的很喜欢这个网站的CSS布局。是否有任何人可以向我介绍布局的教程/解释-特别是如何让那些较小的链接图像在较大的图像上对齐。我对设计有点陌生。让我知道

地点:

感谢Firefox的下载,它允许您轻松地检查网页上的元素,并查看它们的css等。Chrome还有一个bult-in-inspector

检查一个元素,查看css,然后在不确定的情况下通过谷歌查找css的作用。

下载并下载。(Chrome也有类似的功能——很可能其他浏览器也有)

安装后,请访问相关页面,然后单击大纲->大纲当前元素。这将使您滚动的任何内容都会在其周围显示一个红色边框,这将帮助您了解组成页面的所有部分


然后,在图元上单击鼠标右键,然后单击“检查图元”(在弹出选项的底部)。这将显示左侧的HTML和右侧的CSS,这是了解他们如何布局页面的完美方式。

好吧,这是一个垃圾导航

无论如何,nav是使用float()属性构建的。两个元素(容器)按顺序放置,然后第一个元素(导航)浮动到第二个元素的左侧。还可以使用position()属性将其移动到图片上


正如其他人所说,使用Firebug来了解一切正在做什么

那些大的上面的小图片可能只是简单的绝对定位div。。。我建议你寻找一些关于CSS中绝对定位的教程。非常感谢。firefox插件是我不知道的东西,并且帮了我很大的忙。