CSS

CSSのwidth・heightとは?サイズ指定とmax/minの使い方を解説

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

CSSの背景画像の使い方完全ガイド|backgroundプロパティを初心者向けに解説

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

CSSの色指定と配色の基本|初心者でもわかるデザインの作り方

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

CSSの文字装飾まとめ|フォントサイズ・行間・揃え方を解説

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

CSSの基本文法とは?書き方・セレクタ・単位を初心者向けに解説

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

CSSとは?初心者向けに役割・できること・書き方をわかりやすく解説

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

HTML属性一覧まとめ|初心者向けに使い方・コード例を解説

HTMLで使用する属性一覧HTMLで使用する属性を一覧形式で載せていきます。使用用途やコードの記述例などを説明します。id使用用途は、ページ内で一意(1つだけ)の識別子。<div id="main"></div><a href="#main...
HTML

HTML要素のグループ分け完全ガイド|タグ一覧と使い方解説

HTMLで使用する要素一覧HTMLで使用する要素を一覧形式で載せていきます。使用用途やコードの記述例などを説明します。①文書の基本構造<!DOCTYPE html>使用用途は、ブラウザ側に「これはHTML5仕様です!」と宣言を行い、正しくレ...
HTML

HTMLのグループ分け完全ガイド|header・main・article・sectionの違い

HTMLのグループ分けとは?HTMLにおけるグループ分けとは、ページ構造に意味を持たせる囲い構造のことです。ナビゲーションメニューや本文、関連記事の一覧など、1つのかたまりとしてタグを囲みグループ化していきます。そうすることで、SEOの最適...
HTML

【初心者向け】HTMLフォーム完全ガイド|input・value・送信方法まで解説

フォームとは?フォームとは、ユーザーが入力した情報を送信する為の仕組みです。お問合せや会員登録時に使用します。フォームの要素と各属性フォーム要素にはセットで使用する各属性が存在します。役割を含めて載せていきます。formフォーム使用時の親要...