初心者のための勇ましいリファレンスcss-properties

初心者はCSSプロパティをどのように学習しますか? 彼らは存在するすべてのプロパティについて読み、何かを覚え、ほとんどは幅、高さ、背景のみを覚えてから、ノートとグーグルを絶えず精査し、どのプロパティが何を、どのように書いて、どの要素を持っているのかを覚えようとします値。



そして、アイデアが思い浮かびました。 しかし、すべてのcssプロパティがどのように記述され動作するかを明確に示すようなものを作成したらどうでしょうか さらに、これらはすべて1ページにまとめられています。



したがって、2晩で、次のcssヘルパーが作成されました: lesson-web.ru/modules/css_helper



画像

左側にはcssプロパティの結果が表示され、実際には右側に実際に表示されるcssプロパティのリストが表示されます。



結果ウィンドウには、クラス.boxを持つdivがあります。 floatプロパティを設定すると、3つの同一のブロックがウィンドウに表示されます。



このブロックのテキストコンテンツを指定することもできます。 5つのオプションがあります。









cssプロパティを持つブロックでは、次のことができます。











値は3つの方法で設定できます。



  1. 入力に値を入力するだけです
  2. 色の場合は、パレットで指定します
  3. プロパティに標準の値セットがある場合、リストから選択できます


実際、このような楽しい些細なことは判明しました)このアシスタントを改善する方法について何かアイデアがあれば、コメントで喜んで読みます!



All Articles