アメブロ CSSの順番

 

多くの制作者はブラウザのデベロッパーツールを見ながら、CSSを書き加えていくと思います。アメブロのCSS編集ツールは、せっかく親切にもクラス名を注釈とコメント付きで用意してくれていますので、それを見ながらデザインすると早い。

 

CSSの記入欄が狭いので目次を作ってみます。

用意されているCSSの順番

  1. 文字スタイル 全体 タイトル 記事
  2. ボタン
  3. エリア 背景 ヘッダー コンテンツ メイン 記事 サイド
  4. 拡張 位置合わせなど