CSSに複数のスタイルが同じ箇所にある場合何が優先されるのかを説明していきます。 スタイルの優先度 セレクタにはそれぞれ点数が付いており、高い点数のセレクタで記述されているスタイルが優先...

WEBサイト制作の進め方を初心者の方にもわかりやすく説明していきます。 WEBサイトの制作の進め方 WEBサイトの制作は慣れていない人にとっては何から手をつければ良いのかわかりません。制...

Webページを制作する際に画像をファイルから呼び出したい場合に使用する「パス」の説明をします。 パスとは？ 特定ファイルへの道筋を示す情報のことを「パス」と呼びます。Webページ...

CSSのコメントアウトについてご説明します。 CSSコメントアウト CSSのコメントアウトは「/*」〜「*/」で囲んで記述します。下記は「header h1」のみコメントアウトした例とな...

CSSの書き方についてご説明します。 こちらの記事は後編です。＊前編はこちら↓ スタイルの継承 ある要素に含まれている要素にのみスタイルをかける場合は「div img ...

CSSの書き方についてご説明します。 こちらの記事は前編です。＊後編はこちら↓ CSSの文法 例えばp要素に対して文字色を赤、文字の大きさを22px、太字とする場合は下...

ブラウザごとに見え方が大きく変わってしまう「リセットCSS」についてご説明します。 リセットCSSとは？ Google ChromeやSafari、Internet Explorer、F...

Webサイトを閲覧する際のCSSファイルについてご説明します。 CSSファイルの作り方 htmlファイルの作り方と同じ流れです。テキストエディタを開き、拡張子を「.css」として保存する...

HTMLのタグ内でCSSの書き方を説明しながら実際に書く練習をしていきます。 インラインCSS htmlのタグ内にCSSを記述する方法を「インラインCSS（インラインスタイルシート）」と...

Webサイトでテキストに色を付けたりデザインをするやり方をご説明します。 スタイルシートとは スタイルシートとは、CSS（Cascading Style Sheet / カスケーディング...

HTML内のコメントアウトの書き方とWebサイトの完成についてご説明します。 コメントアウトとは HTML内に記述されているソースコードを、ブラウザで処理されないようにする記述方法です。...

記号や環境依存文字などの直接記述できないテキストの入力の仕方を練習しながら説明します。 実体参照とは HTML内に直接記述できない文字（機種依存文字など）を記述する場合は、文字参照で対応...

Webサイトで要素を横並びにするやり方を実際に練習しながら説明していきます。 要素を横並び 要素を横並びにする方法はfloat属性で左右に振り分ける方法や、display属性で要素の表示...

Webサイトに表示するメインイメージのテキストの入力の仕方について実際に練習しながら説明します。 img要素 img要素は画像を表示させる要素です。主にsrc属性と組み合わせてパスを指定...