1

私はデザイナーではなくプログラマーであり、html および css コードを書くのは好きではありません。私は長い間レイアウトにテーブルを使用していました。今、私はこの悪い習慣を破り、自分のウェブサイトで div を使い始めたいと思っています。これは私にとって非常に重要な決定でした。私はdivの使用が本当に嫌いだからです。

いつものように、div の配置がどのように機能するかを理解するために、書かれたコードを読み始めました。これは、新しいことを学ぶための最良の方法です。しかし、私は本当に理解できませんでした。何か問題があると思います。それほど難しいことではなかったはずです、本当にそう思います。この div " API " は間違って書かれています。もっとシンプルにすべきでした。しかし、私はこの議論がナンセンスであることを知っています。

私は現在、次のアイテムの使用法に混乱しています。

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

私のようなプログラミングのバックグラウンドを持つ初心者向けの div を学習するための Web サイト、stackoverflow の投稿、チュートリアルを探しています。

PS: w3 の CSS 標準を確認しました。ただし、長すぎて詳細です。実用的な目的のために、より短く、理解しやすいものが必要です。

4

2 に答える 2

3

HTML を独学していたとき、私は W3Schools Web サイトに多くの時間を費やしました。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 Editorにアクセスしてください。

これが役立つことを願っています

于 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 に答える