2009-07-20から1日間の記事一覧

fon-familyプロパティ

CSS

{ font-family: "メイリオ","meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" ,"MS P ゴシック","MS P Gothic","sans-serif"; } ※優先して適応させたい順にカンマを切って記述する。指定したフォントファミリーがPCにインストールされてない場合…

font-sizeプロパティ

CSS

・絶対サイズ:xx-small,x-small,small,medium,large,x-large,xx-large・相対サイズ:smaller,larger ・数値絶対サイズ:pt,pc(パイカ),cm,mm,in(インチ)・数値相対サイズ:px,em,ex・その他:%

idセレクタ、classセレクタの記述

CSS

・idセレクタ要素名#id名{ : ;}と記述する。・classセレクタ要素名.class名{ : ;}と記述する。

idセレクタを使ったスタイル適用

CSS

<dl id="topRecommendedMenu"> <dt><strong>商品名</strong></dt> <dd>価格</dd> </dl> ※dlごとではなく、商品名だけ色を変えたいdl#topRecommendedMenu strong{color:#000000;} ※セレクタは半角空ける

擬似クラス

CSS

body{ color: #555555; }a:link{ color: #555555; }a:visited{ color: #888888; } a:hover{ color: #FF6600; } a:active{ color:#000000; }a:focus{ color:#003399; }

CSSの基本書式

CSS

〜基本書式 セレクタのプロパティを値にする〜①改行とインデントを入れた場合セレクタ{ プロパティ:値; プロパティ:値; プロパティ:値; }②1行で記述する場合セレクタ{プロパティ:値;プロパティ:値;プロパティ:値;} ③セレクタを複数指定する場合セレクタ,セ…

CSSの適用方法

CSS

①HTMLから外部CSSを読み込み(HTMLのhead内に記述) ②CSSから他のCSSを読み込む(CSS内に記述)@import url(style.css);など。 ③スタイルタグのエンベット(埋め込み)※HTMLのhead内に記述 <style type="text/css" media="screen,print"> <!-- body{ margin:0;} --> </style> ④タグ属性 <p style="font-color:#003399;"> あいうえお </p>

CSSのリセット①

CSS

/* よく登場する要素のリセット */h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, caption, th, td, img, form { margin: 0; padding: 0; }body{ margin: 0; padding: 0; border: none; font-style: normal; font-weight: normal; font-…

CSSのリセット②(ユニバーサルセレクタ使用)

CSS

/* ユニバーサルセレクタ使用のリセット */ * { margin: 0; padding: 0; border: none; list-style-type: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; font-family: meiryo, "メイリオ", Osaka, "Hiragino Kaku Got…

文書型宣言

文書型定義→DTD:Document Type Definition http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> </head></html>