CSS– tag –

これまでHTML/CSSの書き方について学習してきましたが、 HTML/CSS基礎 最終回となる今回は「そもそもWebデザインとは？」ということについて考えていきます。 【Webデザインの目的とは】 Webに関わらず、デザインの目的とは情報整理です。ターゲットに伝え...

HTML/CSS基礎 第19回では「Flexbox」について解説します。Flexboxとは、横並びのレイアウトを作ることで、複雑なレイアウトを簡単に組むための記述方式となります。現在主流のレイアウト方式となっているため、是非この項目をマスターしてきれいなレイアウ...

これまでHTMLにCSSを適用させる際は、HTMLのタグに対してCSSを設定してきました。しかし、コードを書いていくにつれて、同じタグに対しても別のデザインを施したくなることがあります。そんな際に使用するのが「id」属性と「class」属性です。「id」属性と...

前回の記事では背景の色を変えたり画像を挿入したりする方法を解説しました。今回の記事ではひとまとまりのブロックのサイズを指定し、どのように配置するかを解説していきます。 【widthとheight -要素のサイズを指定する-】 widthとheightというプロパテ...

前回はHTMLで作成したテキスト情報を装飾する方法について説明しました。 HTML/CSS基礎 第16回は画面やテキストの背景を装飾するための方法を解説します。 【background-color -背景色の指定-】 <background-color>プロパティを指定することで、各タ...

前回はCSSファイルの書き方について説明しました。今回から具体的な装飾方法について解説していきます。実際にご自身でも手を動かして確認をしながら読み進めてください。 【font-size　-文字サイズの指定-】 文字のサイズを指定するにはfont-sizeプロパテ...

前回はCSSの適用方法について3つの方法があることを説明させていただきましたが、今回からはCSSファイルを作成してHTMLに適用させていく方法を紹介させていただきます。まずはVScodeを開き、CSSファイルを作成してください。ファイル名は半角英数字とし、...

【CSS(Cascading Style Sheet)とは】 HTML/CSS基礎 第13回ではCSSの概要について解説していきます。CSSとは、HTMLで作成したWebサイトのデザインの部分を担う言語のことを言います。作成したHTMLにCSSを適用させるには、以下の3つの方法があります。 ①作成...