CSSの書き方

CSSとは CSSはCascading Style Sheetsといいます。Webサイトの見た目をデザインするための言語です。 HTMLで作ったページの構造に対して、色、フォント、レイアウトなどを指定して、ページを美しく整えます。CSSを使うことで、同じHTML内...

ブラウザで表示

外部CSSファイルで読み込み、ブラウザに反映 このステップでは、外部CSSのスタイルシートを読み込み、ブラウザに反映する方法について学んでいきます。前ステップで学んだCSSの基本構文を踏まえ、ブラウザでその表示を確認してみましょう。...

基本のプロパティを覚える1

CSSのコーディングにおいて、よく使われるプロパティがあります。今回は、そんな基本のプロパティについて説明していきます。 装飾に関するプロパティ フォントに関するプロパティ フォントの種類やサイズ、スタイルなどを設定するた...

基本のプロパティを覚える2

前回の「基本のプロパティを覚える1」に続きで、今回はCSSのコーディングでよく使われるレイアウトに関するプロパティ、flexとgridについて詳しく説明していきます。 flexとgridは、displayプロパティの一種で、レイアウトを調整するための重要なCSS...

classとは

classとは、HTMLのタグの中に設定することができる属性の一つです。主に、タグを一つのグループにまとめ共通のクラス名を与えることができます。 classを使うことで、同じスタイルを複数の要素に簡単に適用できるだけでなく、同じタグでも異なるグル...

リセットCSS

リセットCSSは、ブラウザが持つデフォルトのスタイルを完全にリセットまたは初期化するためのCSSです。異なるブラウザやデバイスでの表示の違いを解決するために使われ、全ての要素が同じ基準で表示されるようにします。 リセットCSSの主な目的...