flocssについてまとめてみた - Qiita最近flocssを触っているのでいいタイミングだと思い今回まとめてみました。 flocssとは cssの設計思想の一つで、OOCSS、SMACSS、BEMなどのコンセプトが取り入れられています。 cssでありがちなこと 基本原則 flocssでは次のようなレイヤーで構成されます。 foundation ブラウザのデフォルトスタイルの初期化(Reset.cssやNormalize.cssなど)や、プロジェクトにおける基本的なスタイルを定義をする場所。 layout header,footer,メインコンテンツなどのページを構成する大枠の部分を指定する場所。 基本的にはページ内で唯一の存在になるのでIDを使用するのも可能だが、IDセレクタは高い詳細度を持つため、 接頭辞(l-◯◯など)をつけた命名規則を採用するか,[id="header"]のように属性セレクタを使用することが推奨されている。
