2011-12-07 4 views
0

私はCSSの理解を向上させることに興味があります。私はしばらくの間ウェブページを作ってきましたが、私が望むように物事を見せようとしたときに私が説明できない奇妙な行動によって、私はまだ絶えず挫折しています。私は開発経験があり、JavascriptやPHP、さらにはCの細かい点を理解するのに苦労することはありません。しかし、CSSとHTMLについては、私のコードを常に "トリック"して作業しています。CSSを使って私の混乱をどのように超越することができますか?

これは、WebページとCSSが実際にどのように機能するかについての私の理解の欠如を裏切らなければならない。フードの中で何が起こっているのかを真に理解することの終わりに向かって見ることができる良い本や資料はありますか?私はいつも私が迷っているように感じますが、ちょうどひどくひどく読んだだけでそれを乗り越えることができると私は思っています。

+2

[HTMLDog](http://www.htmldog.com/)をお勧めします。また、Googleの[これらの動画](http://code.google.com/edu/submissions/html-css-javascript/)も役立ちます。 – bookcasey

+1

何かを理解するには、それを構成するすべての部分を理解する必要があります.CSCに関する特定の質問がある場合は、それを聞いて具体的な回答を得ることができます。それ以外の場合は、書店に行って、CSSで見つかる一番厚い本を手に入れることもできます。 –

答えて

4

私はいつも自分のコードを動作させようとしています。

イエップ。 CSSは、実際にあなたが意図したことをするのではなく、意図した効果の錯覚を作成することがよくあります。

つまり、非常に具体的なルールはspecified by the W3Cです。 visual formatting modelを理解することも、あなたの理解のために不思議をすることができます。しかし、これらの仕様は高密度であり、しばしば混乱します。したがって、特定のプロパティを見つけ出し、段階的に知識を構築する方が簡単な方法です。チュートリアルを見つけたり(下のリンクを参照)、それらと一緒に遊んで何が起こるかを確認してください(これは私がfloatclearを学んだ方法です)。

多くの場合死んでいますが、CSS Chat Roomを定期的に(自分自身を含む)チェックする少数のSOユーザーがいるので、一般的な質問(実際のSO質問には不適切)があれば、最終的にあなたに戻ってきます。

また、Useful CSS Linksドキュメントを作成しました。公式ドキュメント、チュートリアル、その他のCSSリソースへのリンクがあります。

+0

お返事ありがとうございました。私の混乱の多くは、HTML文書の流れが中心になっていると思います。私はそれらのすべてのリンクをチェックアウトします。 –

+0

問題ありません!多くの人が文書の流れに問題を抱えていますが、使い慣れたときに作業するのはかなり面白いです。 –

+1

[CSS Tag Wiki](http://stackoverflow.com/tags/css/info)にもいくつかの良い点があります(私が個人的に同意しないものも含め、リセットやプリプロセッサなど)。おそらくそれらのあなた自身の意見を開発する) –

2

私はあなたがすでにここにしてきたと確信しているが、念のため:しかし、これを学ぶための最善の方法を http://w3schools.com/css3/default.asp

http://w3schools.com/css/default.asp

CSS3を学ぼう:

はCSS学びますものは試行錯誤によるものです。 HTMLとCSSは、奇形やエラーに対する寛容なアプローチではユニークです。これは、2つのブラウザがHTML/CSSを正確に同じようにレンダリングしないという事実と共に、経験豊富なHTML/CSS開発者でさえ時々不平を抱くというあいまいさをもたらす。

まだ、このことを学ぶことは爆発的であり、いったんそれを手に入れると本当に報酬を与えます。ハッピーコーディング!

+2

W3Schoolsは悪い選択です:http://w3fools.com/ – thirtydot

+1

@thirtydot公正であるために、w3schoolsはコンテンツを更新しています。私は実際にCSSチュートリアルを通じて読んできましたが、これまでのところかなり正確です。一般的に、w3schoolsは推奨されていませんが、改善されています。 –

+0

確かに、それは完璧ではありませんが、TryItのような機能です!多くの他のチュートリアルではない、「クイック・アンド・ダーティ」インタラクティブな学習の強化されたレベルを提供します。 – Aaron

3

あなたは、かなり点滅しているライトとすべてが一緒に接続されているのを見忘れることによって魅了されるかもしれません。 DOMのノードがJavaScriptによってどのように影響を受けるかに焦点を絞ることができるように、親と兄弟、それらがどのように一緒にフィットするかを忘れることはできません。あなたの最大の問題はおそらくポジショニングです。すべての要素がどのように結びついているのかを覚えていて、それは多くの混乱を解決します。

+2

本当に!ドキュメントフローは*非常に重要です* –

関連する問題