初心者はCSSプロパティをどのように学習しますか? 彼らは存在するすべてのプロパティについて読み、何かを覚え、ほとんどは幅、高さ、背景のみを覚えてから、ノートとグーグルを絶えず精査し、どのプロパティが何を、どのように書いて、どの要素を持っているのかを覚えようとします値。
そして、アイデアが思い浮かびました。 しかし、すべてのcssプロパティがどのように記述され動作するかを明確に示すようなものを作成したらどうでしょうか さらに、これらはすべて1ページにまとめられています。
したがって、2晩で、次のcssヘルパーが作成されました:
lesson-web.ru/modules/css_helper左側にはcssプロパティの結果が表示され、実際には右側に実際に表示されるcssプロパティのリストが表示されます。
結果ウィンドウには、クラス
.boxを持つ
divがあります。
floatプロパティを設定すると、3つの同一のブロックがウィンドウに表示されます。
このブロックのテキストコンテンツを指定することもできます。 5つのオプションがあります。
cssプロパティを持つブロックでは、次のことができます。
- チェックボックスをクリックしてプロパティを有効または無効にします。
- プロパティの値を設定します。
- 単純なロシア語で財産を理解する
- サイトにこのプロパティの説明がある場合は、リンクをたどって詳細を調べることができます。
値は3つの方法で設定できます。
- 入力に値を入力するだけです
- 色の場合は、パレットで指定します
- プロパティに標準の値セットがある場合、リストから選択できます
実際、このような楽しい些細なことは判明しました)このアシスタントを改善する方法について何かアイデアがあれば、コメントで喜んで読みます!