ひょーちゃんのWEBデザインを学ぶ

要素の枠線を設定する方法を説明していきます。border（ボーダー）borderは、要素の枠線（外側の線）に関わる情報を一気に設定することが出来るプロパティです。border：太さ 種類 色 ;という風になっています。border: 1px...

要素の外側・内側に余白をつける方法を説明していきます。margin（マージン）要素の外側（要素から他の情報）までの余白は、marginプロパティで指定出来ます。数値で指定：pxやrem、%などの単位をつけるauto：関連するプロパティの値に...

CSSで幅や高さを調整する方法を説明していきます。サイズ（幅・高さ）の調整方法幅は「width」プロパティ、高さは「height」プロパティを使って指定します。数値で指定：pxやrem、%などの単位指定auto：関連するプロパティの値によっ...

CSSの背景画像の設置方法について説明していきます。背景画像の設置方法以下の様々なプロパティを使用して、背景に画像を設置することが出来ます。background-image一番基本となる背景画像の設置方法です。背景画像が読み込まれないことも...

CSSで色を指定する方法や、配色について説明していきます。文字色の指定方法CSSで文字色を指定することが出来ます。主に以下の方法があります。カラーコード16進数を使用した6桁の英数字を指定する方法です。カラーコードは「＃」からはじまり、数字...

CSSで文字や文章をどのように装飾していくのか説明していきます。フォントサイズフォントサイズを変更する場合は、「font-size」プロパティを使い文字のサイズを指定します。適切な文字サイズは、14px～18px程度が見やすく一般的です。ま...

CSSはどうのように記述するのか？基本的な文法を説明していきます。CSSの基本文法CSSの基本文法は、「セレクター」「プロパティ」「値」の3つで構成されています。まずは、基本文法に沿った記述をしていきます。p{color: red;}この記...

HTML使用する際に必ず出てくるのが「CSS」です。具体的にCSSはどんな場面で利用するのか？簡単に説明していきますCSSとは？CSS（Cascading Style Sheetsの略称）とは、HTML文章の見た目をデザインするための言語で...