ホーム > allwebクリエイター塾 , 基礎講座 , CSS , 講座・セミナー > CSSのプロパティ 1：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.11
CSSのプロパティ 1：allWebクリエイター塾・XHTML+CSS基礎講習（2009/5/30）No.11
セレクタ｛ プロパティ: 値;}･･･真ん中の部分がプロパティです。“○◎の△△を××する”の△△の部分のことです。
font-size: 数値＋単位
h1{ font-size: 12px;}
font-weight
- font-weight: bold;
- font-weight: normal;
h1{ font-weight: normal;}
font-style
- font-style: normal;
- font-style: italic;
h1{ font-style: italic;}
font-family
font-family: Meiryo,"メイリオ","Hiragino KaKu Gothic Pro W3","ヒラギノ角ゴ Pro W3"Osaka,"MS P Gpthic","MS Pゴシック",sans-serif
フォント名が和文、スペースが含まれる場合は『""』を忘れずに
line-height
行の高さの指定。行の高さを字の高さの1.5倍にしたい場合、
- line-height: 1.5em;
- line-height: 1.5;
- line-height: 150%;
- line-height: 15px;
の、どれかを指定する。
擬似クラス
リンク（アンカー）の指定です。
- a:link { color: blue; } 未訪問
- a:visited { color: purple; } 訪問済
- a:hover {color: green; } マウスをアンカーの上に乗せたとき
- a:active {color:red; } リンクを踏んだ瞬間
順序を間違えるとCSSが反映されない。頭文字をとって“Love and Hate”と覚える
- text-decoration: none; 下線なし
- text-decoration: underline; 下線あり
- text-decoration: overline; 上線あり
- text-decoration: line-through; 中央に打ち消し線
2009年06月13日
トラックバック
このエントリーのトラックバックURL:
http://eigono.info/mt/mt-tb.cgi/756