Html 初学者Div定位教程
我是程序员，不是设计师，我不喜欢写html和css代码。很长一段时间以来，我一直在使用表格进行布局。现在，我想打破这个坏习惯，开始在我的网站上使用div。这对我来说是一个非常重要的决定。因为我真的很讨厌用div 和往常一样，我开始阅读书面代码来理解div的定位是如何工作的，这是我学习新东西的最佳方式。然而，我真的不明白。我觉得有点不对劲。我真的认为这不应该那么难。这个div“API”写错了，应该更简单一些。然而，我知道这种讨论毫无意义 我现在对下列项目的用法感到困惑Html 初学者Div定位教程,html,Html,我是程序员，不是设计师，我不喜欢写html和css代码。很长一段时间以来，我一直在使用表格进行布局。现在，我想打破这个坏习惯，开始在我的网站上使用div。这对我来说是一个非常重要的决定。因为我真的很讨厌用div 和往常一样，我开始阅读书面代码来理解div的定位是如何工作的，这是我学习新东西的最佳方式。然而，我真的不明白。我觉得有点不对劲。我真的认为这不应该那么难。这个div“API”写错了，应该更简单一些。然而，我知道这种讨论毫无意义 我现在对下列项目的用法感到困惑 float, clear,
float, clear, inline, block, position, relative, absolute
PS：我检查了w3的CSS标准。但是，它太长太详细了。我想要一些更简短、更容易理解的实用语言。当我自学HTML时，我在W3Schools网站上花了很多时间。我简直找不到更好的地方学习HTML和CSS。下面是一个示例代码，演示了float是如何工作的：
<!DOCTYPE html>
<html>
<head>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>In the paragraph below, we have added an image with style <b>float:right</b>. The result is that the image will float to the right in the paragraph.</p>
<p>
<img src="http://vsual.co/wp-content/uploads/2011/09/HumanRightsLogo_CO.jpg" width="95" height="84" />
This is some text. This is some text. This is some text.
</p>
</body>
</html>
img
{
浮动：对；
}
在下面的段落中，我们添加了一个样式为float:right的图像。结果是图像将在段落中向右浮动
这是一些文本。这是一些文本。这是一些文本。
我希望这能有所帮助当我自学HTML时，我在W3Schools网站上花了很多时间。我简直找不到更好的地方学习HTML和CSS。下面是一个示例代码，演示了float是如何工作的：
<!DOCTYPE html>
<html>
<head>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>In the paragraph below, we have added an image with style <b>float:right</b>. The result is that the image will float to the right in the paragraph.</p>
<p>
<img src="http://vsual.co/wp-content/uploads/2011/09/HumanRightsLogo_CO.jpg" width="95" height="84" />
This is some text. This is some text. This is some text.
</p>
</body>
</html>
img
{
浮动：对；
}
在下面的段落中，我们添加了一个样式为float:right的图像。结果是图像将在段落中向右浮动
这是一些文本。这是一些文本。这是一些文本。
我希望这会有所帮助我建议您查看和相关的webdesign.tutsplus网站上的文章 在他们的网络上也有一个很好的CSS入门课程，但不是免费的 无论如何，这一点都不难 您有几种类型的元素：块、内联和联机块，您将使用最多。将使用其他选项以及默认值 div是块元素，因此它们通常具有其父元素的while权重和所需的高度。为了形成复杂的布局和列，有时我们使用float，它通过将div放在页面流之外，使其他元素堆叠在它旁边来改变这一点 这是一个非常粗略的描述，也许不够准确，但应该作为一个起点 当然也要看看这个： 这是一个很棒的CSS布局解释的例子
我希望这将帮助您找到自己的出路。我建议您查看和相关的webdesign.tutsplus网站上的文章 在他们的网络上也有一个很好的CSS入门课程，但不是免费的 无论如何，这一点都不难 您有几种类型的元素：块、内联和联机块，您将使用最多。将使用其他选项以及默认值 div是块元素，因此它们通常具有其父元素的while权重和所需的高度。为了形成复杂的布局和列，有时我们使用float，它通过将div放在页面流之外，使其他元素堆叠在它旁边来改变这一点 这是一个非常粗略的描述，也许不够准确，但应该作为一个起点 当然也要看看这个： 这是一个很棒的CSS布局解释的例子
我希望这能帮助你找到出路。另外，请记住，谷歌是你最好的朋友，很遗憾，我最好的朋友是table的。-1对不起，在过去10多年中，已经有太多关于这方面的教程了，很难相信会有这么多“帮我谷歌一下”问题。@Bo5ao/Dampe关于这个主题的谷歌搜索把我带到了这里。别再唠叨了。另外，请记住，谷歌是你最好的朋友目前，我最好的朋友是table的，很遗憾。-1很抱歉，在过去的10多年里，已经有太多关于这方面的教程了，以至于很难相信会有这么多“帮我用谷歌搜索”的问题。@Bo5ao/Dampe谷歌搜索这个主题把我带到了这里。别再胡闹了。虽然简单的事情可能没问题，但我建议不要这样做。他们之所以出现在榜首，是因为他们为此付出了代价，而不是因为他们是最好的。更多信息，@SacredSkull我知道，如果一个教程简短明了，那么当你可以使用w3s的时候，为什么要浪费“宝贵”的时间到处挖掘呢。我并不是说它是好是坏，但这只是个人喜好的问题。虽然对于简单的东西，W3学校可能没问题，但我建议不要。他们之所以出现在榜首，是因为他们为此付出了代价，而不是因为他们是最好的。更多信息，@SacredSkull我知道，如果一个教程简短明了，那么当你可以使用w3s的时候，为什么要浪费“宝贵”的时间到处挖掘呢。我不是说这是好是坏，只是个人喜好的问题。