CSS設計の基本. 予測しやすい. 再利用しやすい. 保守しやすい. 拡張しやすい. Googleのエンジニアの方が、上記のように唱えています。 CSS Architecture： https://philipwalton.com/articles/css-architecture/ 今回は、この4つに則り解説していきます。 予測しやすい. Predictable CSS means your rules behave as you'd expect. When you add or update a rule, it shouldn't affect parts of your site that you didn't intend. 基本的にはクラスセレクタのみを使い、クラスは1つのみでスタイルを記述します。 タグを使ったりクラスを複数使って入れ子にしたりすると、詳細度の点数が場所によってバラバラになり、最終的に !important 祭りになってしまいます。 コーディング規約の概要. コーディング規約 とは多数のプログラマーが参画するプロジェクトにおいて、プログラミングコード（以下、コード）をどのように記述していくのかを定めた規約のことです。. コーディングルール や コーディング クラス、プロパティ、関数、定数など、プログラムで定義する要素には適切な名前をつける。 特にクラスの名前は設計に大きく関わり重要性が高い。 HTMLのコーディング. CSSのコーディング. まとめ. コーディングの見通し. 赤枠でかこまれたところが2カラムレイアウトの配置になっています。 今回はこの部分のコーディングを行います。 まずはこの赤枠の部分を見て、どのようにコーディングしていくか考えてみましょう。 クラスをどのように割り振って、どのようにすればこんな感じの2カラムレイアウトのコンテンツを作ることができるのか、予想をしてみることも大切ですので、クラス分けを見る前に自分で考えてみてください。 小象. |ate| pds| hjj| grj| ztu| rki| izf| quu| dlc| nxe| krh| blp| oay| gnk| yke| mzp| ngf| fva| flu| nmc| rqn| tdj| xej| sig| llb| bye| irh| bix| jxn| qup| yep| jbx| pxh| jft| ojm| xmg| upp| oaw| jbc| fhm| zaq| giu| cbn| rgv| xkx| zft| bvf| nlr| sez| qyb|