180style wiki
Webサイト制作関連/スタイルシートの基礎知識
をテンプレートにして作成
開始行:
*スタイルシート（cssデザイン）の基礎知識 [#p606c67a]
#contents
**ブロック要素（ブロックレベル要素） [#k135b872]
その要素で指定された情報が、一つのまとまりとなる、文書を...
ブロック要素は、ブラウザでの表示に際してもひとつの「ブロ...
（改行を伴い、明示的に横幅を指定しない限り、ページの横幅...
ブロック要素の内容には、別のブロック要素やインライン要素...
***ブロック要素の基本的なタグ [#lf3f7f0c]
|<h1> ～ </h1> ・・・ <h6> ～ </h6>|見出し|
|<p> ～ </p>|段落|
|<ul> ～ </ul>|箇条書き|
|<dl> ～ </dl>|定義リスト|
|<blockquote> ～ </blockquote>|引用文|
|<address> ～ </address>|問い合わせ先|
|<div> ～ </div>|範囲の指定（改行あり）|
**インライン要素 [#qf432069]
インライン要素は、主にブロック要素の内容として用いられる...
ブラウザで表示した場合に、その要素の前後で改行されない。
***インライン要素の基本的なタグ [#d1b19f4a]
|<a> ～ </a>|リンク|
|<img />|画像|
|<em> ～ </em>|強調|
|<strong> ～ </strong>|より強い強調|
|<br />|改行|
|<span> ～ </span>|範囲の指定（改行なし）|
**CSSの優先順位 [#e115afae]
***制作者／ユーザー／ブラウザ間での優先順位 [#e107db3f]
+ユーザ指定のCSS（!important指定アリ）
+制作者指定のCSS
+ユーザー指定のCSS
+ブラウザ毎に指定されたデフォルトスタイル
***CSS内での優先順位 [#i4139e1f]
+!important指定アリのCSS
+idでの指定
+classでの指定
+要素名での指定
-ＩＥでは!important指定が効かないらしい
**CSSで使用する単位 [#m9e2ff2f]
|>|BGCOLOR(#999):絶対的な単位|
|mm|ミリメートル 10mm = 1cm|
|cm|センチメートル 1cm = 10mm|
|in|インチ 1in = 2.54cm|
|pt|ポイント 1pt = 1/72in|
|pc|パイカ 1pc = 12pt|
|>|BGCOLOR(#999):相対的な単位|
|em|エム 1em = 1文字分のサイズ（その時点のフォントサイズ...
|ex|エックスハイト 1ex = 「x」文字の高さ（飛び出し部分の...
|px|ピクセル 1px = 画面上の画素1ピクセル|
|>|BGCOLOR(#999):割合|
|%|割合|
-0 の場合は単位を指定しなくてもよい
-よく使うのは % em px
**「id」と「class」 [#iaded5ff]
id属性の値は「その要素につけられた固有の名前」、１つのHTM...
終了行:
*スタイルシート（cssデザイン）の基礎知識 [#p606c67a]
#contents
**ブロック要素（ブロックレベル要素） [#k135b872]
その要素で指定された情報が、一つのまとまりとなる、文書を...
ブロック要素は、ブラウザでの表示に際してもひとつの「ブロ...
（改行を伴い、明示的に横幅を指定しない限り、ページの横幅...
ブロック要素の内容には、別のブロック要素やインライン要素...
***ブロック要素の基本的なタグ [#lf3f7f0c]
|<h1> ～ </h1> ・・・ <h6> ～ </h6>|見出し|
|<p> ～ </p>|段落|
|<ul> ～ </ul>|箇条書き|
|<dl> ～ </dl>|定義リスト|
|<blockquote> ～ </blockquote>|引用文|
|<address> ～ </address>|問い合わせ先|
|<div> ～ </div>|範囲の指定（改行あり）|
**インライン要素 [#qf432069]
インライン要素は、主にブロック要素の内容として用いられる...
ブラウザで表示した場合に、その要素の前後で改行されない。
***インライン要素の基本的なタグ [#d1b19f4a]
|<a> ～ </a>|リンク|
|<img />|画像|
|<em> ～ </em>|強調|
|<strong> ～ </strong>|より強い強調|
|<br />|改行|
|<span> ～ </span>|範囲の指定（改行なし）|
**CSSの優先順位 [#e115afae]
***制作者／ユーザー／ブラウザ間での優先順位 [#e107db3f]
+ユーザ指定のCSS（!important指定アリ）
+制作者指定のCSS
+ユーザー指定のCSS
+ブラウザ毎に指定されたデフォルトスタイル
***CSS内での優先順位 [#i4139e1f]
+!important指定アリのCSS
+idでの指定
+classでの指定
+要素名での指定
-ＩＥでは!important指定が効かないらしい
**CSSで使用する単位 [#m9e2ff2f]
|>|BGCOLOR(#999):絶対的な単位|
|mm|ミリメートル 10mm = 1cm|
|cm|センチメートル 1cm = 10mm|
|in|インチ 1in = 2.54cm|
|pt|ポイント 1pt = 1/72in|
|pc|パイカ 1pc = 12pt|
|>|BGCOLOR(#999):相対的な単位|
|em|エム 1em = 1文字分のサイズ（その時点のフォントサイズ...
|ex|エックスハイト 1ex = 「x」文字の高さ（飛び出し部分の...
|px|ピクセル 1px = 画面上の画素1ピクセル|
|>|BGCOLOR(#999):割合|
|%|割合|
-0 の場合は単位を指定しなくてもよい
-よく使うのは % em px
**「id」と「class」 [#iaded5ff]
id属性の値は「その要素につけられた固有の名前」、１つのHTM...
ページ名:
