CSS編集の注意点 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ CSS編集の注意点


① CSSは一番最後に追記して下さい。
  CSSは後ろの方のCSSが基本的に優先されます。
  一部 !important を指定しないと優先されない場合があります。


② アメーバ側で作成したCSSは触らないで下さい。
  触る場合は、いつ変えたかなどの来歴(履歴)を残さないと
  あとでわからなくなります。
  また、場合によっては、間違えると大きくデザインが崩れる場合があります。

③ CSSを変更したら必ず自分のブログを開いてF5(最新の情報に更新)を
  押してください。
  (F5を押さないとPCに残っている古いCSSが使われてしまいます)

④ CSSは必ずCSS編集ページから貼ってください。
  フリースペースやフリープラグインへは貼らないで下さい。
  フリースペースやフリープラグインへ貼ることも可能ですが、
  CSSはCSSへ入れる方が良いと思います。
  また、フリースペースやフリープラグインは文字数制限があります。


⑤ CSSの最後は、必ず } で終わらせてください。
  } で終わらせないと、そこから先のCSSが効果を失います。
  詳しくは、下記の よくあるCSSの間違え を参照してください

  よくあるCSSの間違え


⑥ CSSに覚書きを入れたい場合は、覚書きを /* と */ で囲んでください
 例

/* ヘッダー画像 */


⑦ <style type="text/css"> ~ </style> は、CSS編集ページから
  CSSとして貼らないでください。
  必ず、<style type="text/css"> と </style> は外してから貼ってください。
  また、<!-- と --> も外してください

 例(赤字部分は消す)

<STYLE type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {border-width:2px;border-style:solid;border-color:#ffffff;padding:4}
-->
</STYLE>