@charset "utf-8"; /*----------------------------------------------------------------CSS読み込み*/ @import "basic.css"; /*---------------------------------------------------------2007年08月02日作成*/ /*---------------------------------------------------------2009年12月28日改訂*/ /*------------------------------------------------------表示方法の指定 優先順位 position: static;(固定配置) relative;(相対配置) absolute;(絶対配置) display: none; block; inline; width: height: background:url() no-rpeat repeat-x(横) repeat-y(縦) 左位置(数値記入) 上位置(数値記入) 横方向と縦方向の順で指定; margin: padding: font-size: line-height: color:# font-family: Verdana, Arial, Helvetica, sans-serif, "ヒラギノ角ゴ Pro W4", hirakakupro-w4,'ＭＳ Ｐゴシック',Sans-serif; font-style: font-weight: list-style: list-style-position: outside inside; border-top:1px solid dotted dashed #FFFFFF; border-bottom:1px solid dotted dashed #FFFFFF; border-left:1px solid dotted dashed #FFFFFF; border-right:1px solid dotted dashed #FFFFFF; text-align: float: position:absolute;の位置指定 top:0; left:0; visibility:hidden; visible; overflow: visible; scroll; hidden; auto; padding使用時のハック html>body .{ } /*---------------------------------------------------------------------------*/ /*---------------------------------------------------------------ULリストの記述 dl { padding:10px; } dl dt { float:left; width:90px; clear:both; } dl dd { margin-left:90px; width:550px; padding-left:0.55em; text-indent:-0.55em; } ul { padding:0 0 0 36px; } ul li { text-indent:-10px; } /*---------------------------------------------------------------------------*/ /*-------------------------------------------------------テーブルボーダーの設定 /* border-collapse:collapse; ボーダーを重ねて表示 border-collapse:separate; ボーダーを分離させて表示 */ /*---------------------------------------------------------------------------*/ /*---------------------------------------------------ロールオーバー(JacaScript) onmouseover="this. src=''" onmouseout="this. src=''" /*---------------------------------------------------------------------------*/ /*---------------------------------------------------新規ウインドウ(JacaScript) 新規ウインドウ サブウィンドウを閉じる /*---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------Tips 特殊文字 &の表示方法　 & cの表示方法　 © ～の表示方法　～ ①の表示方法　① ②の表示方法　② ③の表示方法　③ ④の表示方法　④ ⑤の表示方法　⑤ ⑥の表示方法　⑥ ⑦の表示方法　⑦ ⑧の表示方法　⑧ ⑨の表示方法　⑨ ⑩の表示方法　⑩ img要素にはvertical-alignをbottomに指定する
無しでの画像下部の隙間をなくす。 img { vertical-align:bottom; } テキストのアンカーで幅(width)をem指定すると、 折り返しなどの問題が起こらない。 floatした要素にはpadding, borderを使わない。 line-heightでテキストを中央揃えにする。 一行テキストを入れるblock要素に対して line-heightで高さと合わせると縦方向に中央揃えにできる。 -----------------------------------------------------------------------------*/ /*---------------------------------------------------------------------