普段うちがよく使うCSS書式をまとめてみました。 自分用のテンプレートです〜。
CSS{
/********** 配色関係 **********/
/* 色 */
color : #FFFFFF;
/* 背景 */
background-color : #000000;
/********** フォント関係 **********/
/* 大きさ(もちろんem指定、相対指定ですよねぇ) */
font-size : 1em;
/* テキスト装飾 */
font-decoration : underline;
/* 強弱 */
font-weight : 700;
/********** 配置関係 **********/
/* 位置揃え(テキスト要素を揃えます) */
text-align : center;
/* 幅(box系要素の場合のみ) */
width : 500px;
/* 回り込み制御(clear:left;clear:right と clear:both は同義ではないよん) */
float : left;
clear : both;
/********** 境界関係 **********/
/* ボーダー */
border : solid 1px #0000FF;
/* 内幅(ボーダーの枠と中身の幅を設定します) */
padding : 1em 1em 1em 1em;
/* 外幅(外枠とボーダーの幅を設定します) */
margin : 1em 1em 1em 1em ;
/* 位置揃え(box要素を中央揃えにする[注]親要素の位置揃えが中央揃えになっている必要があります) */
/* IEでbox要素の中央揃えがtext-alignで出来るのはバグですよぅ */
margin-left : auto;
margin-right : auto;
/********** リスト関係 **********/
/* リスト */
list-style-image : url('image/list_image.gif');
list-style-type : circle;
}
背景画像用のcss要素を集めてみました。
back_ground_image {
/* 背景画像 */
background-image : url("./back_tennohako.jpg");
/* 背景色 */
background-color : #FFFFFF;
/* 背景画像の固定指定 */
background-attachment : fixed;
/* 背景画像の位置指定 */
background-position : 0% 0%;
/* 繰り返し指定 */
background-repeat : no-repeat;
}