確認するこの広告は、90日以上更新していないブログに表示しています。設計手法は今年学ぶ機会が作れなかった。その代わり、いくつかのサイトを作る中で気づいたことや、自分なりに気にかけたことがあるのでそれを書いておこう。コードを載せたら少し長くなってしまったので、ページ内リンクを貼っておく。書く以上はプロパティや値の扱いを軽視することはできない。3つ目ではプロパティや値に注意して書くことで予期した結果が得られるというようなことを書いた。要素本体と変化しやすいスタイルを分ける基準となるものは除いて、配置場所によって内容が変化しやすいスタイルは主要なスタイルと切り離しておいたほうが良さそうだ。スタイルと聴いて思い浮かぶのはサイズや余白ではないだろうか。)として扱ってしまうとクラスはどんどん数を増していく。増えていくことになるだろう。余白に関してはボタンそのものの大きさや周囲の要素を考慮しながら変更する必要が出てくる。これもまた多くの派生クラスを生むだろう。このようにクラスが増える。*/個人的にこれはあまり好ましくないので、ボタンやアイコンを定義したモジュールでは色や画像ソースの指定と基準となるサイズの指定にとどめ、サイズを変更したり余白を加えたい場合はそれ自身が置かれるモジュール内で定義したほうが良いと思う。1.25em;}尚、要素本体の存在はそれ自身だけで成り立つことも重要だ。上の例でいうとボタンは最低限それがボタンであるとわかるスタイルを振っておく必要がある。スタイルを分ける際には「基準と異なるサイズと余白、配置の指定だけ」のように、ある程度ルールを決めておいても良いかもしれない。値は要素に対して半分の値を適用すれば思い通りの結果になる。以下の要素でしか効果が発揮されない。いう値で指定するとどうだろうか。50%;}同じクラスを使って要素を円形にするという目的が果たせたのがわかる。例が悪かったかもしれないが、これは何もピクセルの指定を一切使うなと言ってるわけではないし、ヘルパークラスを増やすことを目的としているわけでもない。プロパティに値を指定するときは、自分が表現したい内容を正確に表すのが重要だということが言いたかった。ショートハンドは少なめに初めから要素に当たっているスタイルの打ち消し・上書きは、それを適用したい箇所に対してのみ行うようにしている。プロパティが重複したときがつらいというのと、ショートハンドの指定を覚えるのが面倒なのが理由だ。プロパティが前のものを上書きしてしまう。指定した背景色だけが表示される。linen;}以下のように書くことでこの問題は避けられる。多少手間が増えても、分けて書いたほうが予期せぬ結果を生まないので良い。