私はバックエンドの Web 開発者になろうとしています。しかし、いつか必要になった場合に備えて、ツールボックスに入れるためだけに CSS を少し学んでいます。
私はCSSのプロパティなどについて知っています。私が本当に「吸う」のは、CSS で要素を配置することです。なぜこの要素がこのように奇妙な動作をするのか、その要素を左に移動する方法、または要素を自分の考えている方法で整列させる方法を理解しようとすると、本当に多くの時間を無駄にします。
私は専門化するために前進しているので、それを学ぶのに多くの時間をかけたくありませfloatsんposition.私が感謝することを達成します。
ビデオはありませんが、他に 2 つの提案があります。
1) 少し時間をかけて (おそらく数時間)、 CSS ボックス モデルに慣れる必要があります。CSS がどのように機能するかを正確に理解することは価値があります。fa(ご存知のように、数時間試してみると、何が起こっているのかを読む時間が数分節約できます ;-))
2) 適切なツールを入手し (Firefox にはFirebugをお勧めします)、お気に入りのページの CSS プロパティを「リアルタイムで」少しいじってみてください。トピックに慣れるのに非常に便利で効率的です。
利用可能な無料のテンプレートをいくつかダウンロードして、 CSSの実験を開始しました。Googleで検索してみてください。たくさんあります。
CSS レイアウトをゼロから作成することは、旅を始めるのに適した場所です。W3Schoolsの初心者レベルの簡単なチュートリアルを受講することで、CSS を理解できます。
CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practicesを見て、インスピレーションを得たり、独自のアイデアを開発したりすることができます。
また、 Westciv Style MasterやTop Styleなどの CSS ソフトウェアをいくつか試すこともできます(ただし、無料ではありません)。westciv サイトのリソースセクションは、初心者にとって非常に役立ちます。ガイド、ツール、チュートリアルなどがあります。また、サイトで完全な css ガイドを見ることができます。
最後に、より良い CSS 開発のための 11 の便利なオンライン ツールの助けを借りて、CSS を試すことができます。
お役に立てれば。
CSS に関する知識のほとんどは、W3Schools、このサイトでの質問、および Google 検索で学びました。
正直なところ、真の知識を吸収する唯一の方法は、学んだことを実際に使用することです。歩くというのがどんなものか聞いただけではおそらく歩けないのと同じように、練習をしなければ、おそらく優れた CSS コーダー (またはあらゆるタイプのコーダー) になるためのスキルを開発することはできません。学んでいます。
私が W3Schools を気に入っている理由は、彼らが示そうとしている内容を練習できるようにチュートリアルに例を入れているからです。
適切なポジショニングのリファレンス: http://css-tricks.com/absolute-relative-fixed-positionioining-how-do-they-differ/
適切なフロートのリファレンス: http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/
私は他の人のCSSを研究し、あらゆる種類のことを試してfirebugを使ってそれをいじることによって、cssをかなり速く学ぶ必要がありました... CSSが進歩すればするほど、あなたも同じことを試してみるべきだと思います