CSS

スタイルシート(CSS)の基本を解説します。HTMLとCSSの違いや、CSSを使用する理由をサイト保守や検索エンジンの立場から解説します。また、CSSの基本構造についても説明します。

HTMLファイルとCSSファイルは分けて書くのが普通です。 というのも、HTMLで構造をかき、CSSファイルでは細かいデザインをかくという役割があるからです。 検索エンジンはHTMLを解析するそうなので、HTMLをすっきりさせておくと検索エンジンの負担にならなくてよさそうです。 そこで、HTMLファイルとは別にスタイルシートを作る方法を紹介します。

ある文字を赤色にしたいとか、大きくしたいとかがスタイルで簡単に設定できたら便利です。 そこで、idやclassを使用します。 これらを使用することで、好きなスタイルを選ぶことができます。 idやclassの使い方や使い分けについて解説します。

スタイルシートを見たときにどのclassやidを指定しているのか？と疑問に思うことがよくあります。 そこで、スタイルの指定方法についての基本的な部分を解説します。

paddingとmarginはウェブのレイアウトの際に重要です。 これらはどちらもスペースを指定します。 ただいまいち違いがわかりにくいと思うので説明します。

文字の表示をCSSを使って操作する方法をまとめました。 CSSでサイトをデザインする際の参考にしてください。

CSSを使ったリストの装飾の方法について解説します。 リストの記号の変更方法や、改行設定を学びます。

図を右寄せにしたり左寄せにしたい場合があるかと思います。 ここでは、要素の右寄せ左寄せをCSSで実現する方法を解説します。

背景に表示する画像をCSSで設定する方法を紹介します。 背景画像の指定法を学び、サイトの見栄えをよくしましょう。

要素の表示をCSSで制御する方法を紹介します。 具体的には、display、visibility、overflowについて解説します。