CSS入門多重条件セレクタ
■概要 CSSセレクタにも、ANDとORなどの選択肢を一部使えます。 タグ名#ID { 属性1： 値1; } タグ名.クラス名 { 属性2： 値2; } .クラス名#ID { 属性3： 値3; } セレクタ間の空白が無い場合は、複数のセレク...
Web製作
CSS入門 CSS入門親子セレクタ
■概要 セレクタ1 セレクタ2 { 属性1： 値1; 属性2： 値2; } 上記のようにタグ名の間に空白を入れたセレクタは、親タグの下位にあるタグへスタイルを適用します。 div span {...} のようにタグ名だけじゃなく #main...
CSS入門id, classセレクタ
■概要 タグに設定したidとclass属性によりスタイルを指定します。 idへの設定は、「#」を先頭につけて定義します。原則、一つのオブジェクトに適用できます。 #id { 属性1： 値1; 属性2： 値2; } classへの設定は、...
CSS入門タグセレクタ
■概要 タグ名 { 属性1： 値1; 属性2： 値2; } 上記のように作成して、該当のタグ全てにスタイルを摘要します。 ■使用例 span { color: #F00; } div { color: #0F0; } ■お試し <htm...
CSS入門セレクタ
■概要 CSSはあるタグにスタイル効果を当てるものです。 その時、どのタグに摘要をするかを定義する文法が必要になりますが、その時の文法をセレクタと言います。 セレクタ { 属性1： 値1; 属性2： 値2; } CSSは上記のようにセレ...
CSS入門CSS入門
■概要 Cascading Style Sheets CSSは、具体的にどんなスタイルでHTML要素を表示するかを決める規格です。 初期のWEBはHTMLだけで画面を作成してましたが、 共通のデザインを持つ文書が複数存在する場合に、一つのデ...
HTML基礎HTMLの基礎
HTML(HyperText Markup Language) HTMLは、ハイパーテキストマークアップ言語という意味で、WEBページのためのマークアップ言語です。HTMLはタイトル、段落、目次など構造的な意味を表したり、リンク、引用などで...
HTML基礎HTMLタグ：<table>
table要素は、1次元以上のデータを表の形で表示します。 ■説明 1. テーブル要素をレイアウト目的で使わないようにしましょう。 2. テーブル要素は以下の要素を含めます。 ・tr要素：row(横列のセル)で定義 ・th要素：colu...
HTML基礎HTMLタグ：<style>
style要素は、スタイルの情報を文書に含めます。 ■属性 ・media：スタイルを適用する媒体を表します。 ・type：スタイルの言語を表します。 ・scoped：Boolean属性で、これが設定されていると文書全体ではなく、スタイル要素...
HTML基礎HTMLタグ：<script>
script要素は、動的スクリプトとデータブロックを文書に含めます。 ■属性 ・scr：外部スクリプト資源のアドレスを表します。 ・async：Boolean属性でスクリプトの実行を指示します。 ・defer：Boolean属性でスクリプト...