よく使うCSS

CSS(Cascading Style Sheets)の文法を、なかなか覚えられないので、使いまわしてます。 参考リンク

  • CSS1の仕様書(W3C勧告)
  • CSS2の仕様書(W3C勧告)
  • HTMLの記述
  • [html] タイトル

    [/html]

  • タグに属するスタイル
  • [css] body { backgroud-color:#FFFFFF; margin:10px; } // デフォルトのリンク設定 a:link{text-decoration:none;color:#3366CC;} a:visited{text-decoration:none;color:#3366CC;} a:active{text-decpration:none;color:#3366CC;} a:hover{color:#FF3333;text-decoration:underline;} td { font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 21px; color: #333333 } tr.sunday_letter { font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 21px; color: #FF0000 } tr.saturday_letter { font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 21px; color: #0033CC } tr.holiday_letter { font-family: "MS Pゴシック", "Osaka"; font-size: 12px; line-height: 21px; color: #006600}[/css]
  • クラスを定義する。
  • [css].contents_body_font_definition { font-family: "MS Pゴシック", "Osaka"; font-size: 13px; line-height: 14px; color: #333333 } // クラスのリンク定義 a.contents_body_font_definition:link { text-decoration:none; color:#3300FF; } a.contents_body_font_definition:visited { text-decoration:none; color:#3300FF; } a.contents_body_font_definition:active { color:#3300FF3; text-decpration:none; } a.contents_body_font_definition:hover { color:#3300FF; text-decoration:underline; }[/css]