Cascading Style Sheets
Lesson-1  Lesson-2 Lesson-3 Lesson-4 Lesson-5
Lesson-6 Lesson-7 Lesson-8 Lesson-9 Lesson-10

CSSを
理解しよう!


第一回
CSSの基礎知識 〜
    スタイリングの例

■ 今日のテキストをダウンロードする


テキスト8ページと解答用紙が4枚あります.
何かご不明な点がありましたら,
お電話していただくか, メールで質問してくださいね.

Lesson 1

PDF ファイルの閲覧

P - 1 〜 P - 10
CSSの基礎知識 〜 スタイリングの例

作曲

P - 1【CSSの基礎知識】

Cascading Style Sheets Introduction

アレンジ

P - 2【CSSの基礎知識2】

CSSの基礎知識

DTM

P - 3【CSSの基礎知識3】

CSSの基礎知識

和声学

P - 4【CSSの基礎知識4】

CSSの基礎知識

対位法

P - 5【CSSの基礎知識5】

CSSの基礎知識

ビッグバンド

P - 6【CSSの基礎知識6】

CSSの基礎知識

対位法

P - 7【CSSの基礎知識7】

CSSの基礎知識

ビッグバンド

P - 8【CSSの基礎知識8】

CSSの基礎知識

対位法

P - 9【CSSの基礎知識9】

CSSの基礎知識

ビッグバンド

P - 10【CSSの基礎知識10】

CSSの基礎知識

対位法

P - 11【CSSの基礎知識11】

CSSの基礎知識

ビッグバンド

P - 12【CSSの基礎知識12】

CSSの基礎知識

 

CSSについて

Cascading Style Sheets - - - - - この言葉の意味を考えてみましょう.

Cascading ( カスケーディング ) → 縦つなぎ . Style ( スタイル ) → 姿 ,
デザイン性 , 表現形式 . Sheets ( シート ) → ちらしやビラ , 1 枚刷り新聞 .

ということは ,

「 縦につなぎ合わせながら ,
デザインに関する指定を行っている ,
1枚のページ 」
ということでしょうか .

ここでCSSの例をお見せいたしましょう.



HTML だけのレイアウト













HTML + CSS のレイアウト

 

CSSの書き方について

CSSは音楽で使うエフェクターの設定方法に似ていますから,
私たちにはすぐに理解できます.

.リバーブ
{ 種類 : ホール ; タイム : 20msec }

結局 , これと同じ
ことなのですね .




動画でご説明いたしましょう CSSについて解説

HTMLだけでは面白いレイアウトができない.
そこでCSSを取り入れてレイアウトを向上させます.
つまりCSSとはHTMLに追加するプラグインのようなものですね.

 

CSS Examples

2種類のソース・コードを
比較してみます .

HTMLだけのページを閲覧
HTML+CSSのページを閲覧






レッスンのお申し込みは music school uproadhouse まで 東京都中野区中野5-30-12 TEL : 03-3319-0065