CSSってどこに入れればいいの? | リアナのカスタマイズ日記(CSS編集用デザイン)

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

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

Q CSSってどこに入れればいいの?

答え CSSは一番最後に追加すれば良いです。


① 基本的にCSSは最後の方のCSSが優先されます。

基本的にとは、 !important の優先にする指定をした場合は、
!important が指定されている方が優先されます。
但し、 !important が どちらにもついている場合は、
後ろのCSSが優先されます。
他にも、優先される順位がありますが少し複雑なので、省略します。

あくまで、同じ場所に指定された同じプロパティ(font-size など)の場合の優先順位です。


例1・・・下記の場合は、記事の文字サイズ 20pxの方がブログに適用されます。

.skinMainArea{/* 記事 */
font-size:12px;
}
.skinHeaderArea{
border:none;
}
.skinMainArea{/* 記事 */
font-size:20px;
}



例2・・・下記の場合は、記事の文字サイズ 12pxの方がブログに適用されます。

.skinMainArea{/* 記事 */
font-size:12px !important;
}
.skinHeaderArea{
border:none;
}
.skinMainArea{/* 記事 */
font-size:20px;
}



例3・・・下記の場合は、記事の文字サイズ 20pxの方がブログに適用されます。

.skinMainArea{/* 記事 */
font-size:12px !important;
}
.skinHeaderArea{
border:none;
}
.skinMainArea{/* 記事 */
font-size:20px !important;
}



② CSSの最後とは、下記のです。

● スクロールバーを一番下まで下げて、入力部分の一番下にカーソルを乗せて
クリックしてからCSSを書きます。


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



③ アメーバ側が作成した部分のCSS部分は触らずに、後ろに追加していけばOKです。

アメーバ側の作成したCSSの場所を探すのは、初心者の場合は大変です。
また、間違えると、デザインが大きく崩れる場合もあります。

後ろに追加していく方法が一番安全です。


④ CSSを変えたら、必ず、自分のブログを開いてF5を押してください。
F5を押す意味は下記を参照。
http://ameblo.jp/new-blue-777/entry-11142937784.html