宣言ブロックのCSS設計 - kojika17
日本語で「CSS設計」を検索すると、記事やつぶやきなどでセレクタの命名規則に関する話題が多いです。 CSSを設計する上で、命名規則は重要な要素でしょう。 簡単なセレクタ名だと他のスタイルと重複する可能性もあります。他のスタイルと重複しないようにセレクタの子孫数を増やしてしまうと、今度はスタイルの取り回しが悪くなります。 またデザインをコンポーネントに分ける粒度について紹介されていますが、命名規則の分け方のように紹介されているよう感じます。 論理的に構造をわけて命名していくため、覚えやすく、伝えやすさもあわさって、現在の「CSS設計 = 命名規則」のような構図ができあがったと感じています。 CSS設計は命名規則だけか 命名規則はCSS設計において、重要な要素です。 しかしCSSは命名規則させ気を付ければ良い、というものではありません。 私は、すでにあるサイトの一部のコンテンツの作成やすでに用
floatとclearbothとclearfixのあぶない関係：bootstrapのときもさわりだけ説明 - Qiita
CSSの基本 基本的にCSSは簡単です。 右に寄せて左によせて、おいてほいほい！ 基本的によく使うCSS text-align: 文字を中央にします center left right color: #000000 rgb(0,0,0) font-size: px em rm width: 幅を決めます px em rm 0%～100% height: 高さを決めます px em rm 0%～100% position: 要素の関係性を決めます relative absolute fixed background-color #000000 rgb(0,0,0) background-image url('http://aiuoe/ofaifa.png') margin: 要素の外側の空白範囲を決めます 10px 10px 10px 10px; padding: 要素の内側の空白範囲を決め
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
