CSS入門

■概要 widthとheight属性は、横幅と縦幅を意味します。 値を定義する場合は「100px」のように数字の後ろに単位を書きます。 (pxはピックセルという意味です。「50％」のように％を使う場合もあります) <span>タグなどinl...

■概要 HTMLと似ててCSSも特定な機能を行うものは既に定義されていて、これらを活用してタグのスタイルを定義することができます。 属性：値の形で、複数を定義する場合は「；」で区別します。 セレクタ { 属性1： 値1; 属性2： 値2; ...

■概要 セレクタの後ろに:仮想イベントを付けるとあるイベントごとに適用するスタイルを設定することができます。それらを疑似クラスと言います。 :link - 訪問したことないリンク :visited - 訪問したことあるリンク :hover ...

■概要 CSSセレクタにも、ANDとORなどの選択肢を一部使えます。 タグ名#ID { 属性1： 値1; } タグ名.クラス名 { 属性2： 値2; } .クラス名#ID { 属性3： 値3; } セレクタ間の空白が無い場合は、複数のセレク...

■概要 セレクタ1 セレクタ2 { 属性1： 値1; 属性2： 値2; } 上記のようにタグ名の間に空白を入れたセレクタは、親タグの下位にあるタグへスタイルを適用します。 div span {...} のようにタグ名だけじゃなく #main...

■概要 タグに設定したidとclass属性によりスタイルを指定します。 idへの設定は、「#」を先頭につけて定義します。原則、一つのオブジェクトに適用できます。 #id { 　属性1： 値1; 　属性2： 値2; } classへの設定は、...

■概要 タグ名 { 　属性1： 値1; 　属性2： 値2; } 上記のように作成して、該当のタグ全てにスタイルを摘要します。 ■使用例 span { color: #F00; } div { color: #0F0; } ■お試し <htm...

■概要 CSSはあるタグにスタイル効果を当てるものです。 その時、どのタグに摘要をするかを定義する文法が必要になりますが、その時の文法をセレクタと言います。 セレクタ { 　属性1： 値1; 　属性2： 値2; } CSSは上記のようにセレ...

■概要 Cascading Style Sheets CSSは、具体的にどんなスタイルでHTML要素を表示するかを決める規格です。 初期のWEBはHTMLだけで画面を作成してましたが、 共通のデザインを持つ文書が複数存在する場合に、一つのデ...