| CSSとは？ |
CSS（カスケーディング スタイル シート）
CSSとは、ホームページを作成する上で、デザインや動画、音声などの見せ方を設定する為の言語です。
従来は、HTMLで全て記述してホームページを作成していましたが、HTMLの記述からCSSとして、デザインに関する記述は切り離されました。
ですが、現在でもHTMLによってデザインされているページも多数ありますので、CSSでなければいけないということではありません。
|
| CSSのメリットｌ |
htmlとは？で簡単に説明しました、ここではもう少し掘り下げて説明します。
CSSによって、HTMLからデザインに関する記述が削除されると、HTMLには主に文章を中心とした情報が残ります。この為、PDSやモバイル端末などでHTMLを読み込んだ時には、最低限伝えたいこと（文章によるコンテンツ）は確実に表示することができるようになります。
さらに、印刷用のレイアウトの用意や、他の見せ方を用意したい場合は、レイアウトの変更を含め、CSSを変更するだけで実現できます。
|
| CSSの基本 |
HTMLの記述は、タグによって記述されていることに対して、記述はCSSはセレクタで行います。セレクタの中には、「属性」と「値」があります。
記述の例
ｈ１ ｛font-size:16px;｝
このようにした場合は
h1 ： セレクタ
font-size ： 属性
16px ： 値
となります。
このようにすることで、HTML内のh1タグで指定された文字は、この属性に従うことになり、HTML内に文字のサイズを指定するタグが省かれます。
|
| セレクタ、属性、値の種類 |
セレクタ、属性、値の種類は複数あり、タグ同様に一冊の辞書のような本がかけてしまいます。
|
| HTMLの設定 |
HTMLから切り離されたCSSを呼び込むためには、HTMLの中にCSSを呼び込むリンクの記述を行わなければなりません。
＜head＞
＜link rel="stylesheet" href="ファイル名.css" type="text/css" /＞
・
・
・
＜/head＞
htmlのヘッダーの中に、記述します。 |
