CSS

CSSはホームページの見栄えを決めるルールのことです。ホームページの細かいデザインを決めるには、CSSを学ぶ必要があります。ここでは、CSSの基本的に使い方から、細かい設定方法まで幅広く解説していきます。

スタイルシート(CSS)とは

2012年05月04日

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

スタイルシートをHTMLファイルと別に作る

2013年03月22日

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

idとclassでスタイルを指定する

2013年03月23日

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

スタイルシートの適用対象

2013年03月24日

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

paddingとmarginの違い

2013年04月27日

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

文字の装飾

2014年05月24日

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

リストの装飾

2014年05月24日

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

左寄せと右寄せ

2014年05月25日

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

背景画像の指定

2014年05月25日

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

表示の設定

2014年05月25日

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