1

我是程序员，不是设计师，我不喜欢编写 html 和 css 代码。我很长一段时间都在使用表格进行布局。现在，我想打破这种不良做法并开始在我的网站中使用 div。这对我来说是一个非常重要的决定。因为我真的很讨厌使用 div。

和往常一样，我开始阅读书面代码以了解 div 的定位是如何工作的，这是我学习新东西的最佳方式。然而，我真的无法理解。我觉得有些不对劲。我真的认为这不应该那么难。这个 div “ API ” 写错了，应该更简单。但是，我知道这种讨论是无意义的。

我现在对以下项目的用法感到困惑，

float, clear, inline, block, position, relative, absolute

我正在为像我这样有编程背景的初学者寻找网站、stackoverflow 帖子、学习 div 的教程。

PS：我检查了 w3 的 CSS 标准。但是，它太长而且太详细了。出于实用目的，我想要一些更短、更容易理解的东西。

4

2 回答 2

3

当我自学 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>

如果您仍然不确定，请随意访问W3Schools 链接 1和W3Schools 编辑器

我希望这有帮助

于 2013-04-24T11:46:34.333 回答
1

我建议查看 http://net.tutsplus.com和相关 webdesign.tutsplus 网站上的文章。

在他们的网络上也有一个非常好的 CSS 入门课程，但它不是免费的。

反正一点都不难。

您有几种类型的元素：您将最常使用的块、内联和在线块。其他将被使用以及默认值。

Div 是块元素，因此它们通常会占用其父元素的 while 重量和所需的高度。为了形成复杂的布局和列，有时我们使用浮动，它通过将 div 放置在页面流之外来改变这一点，以便其他元素堆叠在它旁边。

这是一个非常粗略且可能不够准确的描述，但应该作为一个起点。

也一定要检查一下： http: //learnlayout.com 这是一个通过示例对 CSS 布局的精彩解释。

我希望这会帮助你找到你的方式。

于 2013-04-25T00:07:28.370 回答