【26】 CSS入門
- 2008/04/05 : CSS入門 はじめました
- 2008/04/07 : CSSの書き方:CSS入門
- 2008/04/09 : CSSファイルの外部読み込み:CSS入門
- 2008/04/11 : 背景色の変更【background-color】:CSS入門
- 2008/04/13 : 文字色の変更【color】:CSS入門
- 2008/04/15 : 罫線を描く【border】:CSS入門
- 2008/04/17 : margin、paddingとは?:CSS入門
- 2008/04/17 : margin、paddingの初期化:CSS入門
- 2008/04/17 : 間隔をあける【margin、padding】:CSS入門
- 2008/04/19 : 継承と子孫セレクタとは?:CSS入門
CSS入門 はじめました
CSS入門(1)
超ビギナーのためのCSS入門です。まずはじめに、CSSを使うことのメリットと、デメリットについて書いておこうと思います。
なぜCSSを使う必要があるのか?自分では分かっていても、誰かに説明するとなると難しいかもしれません。お話は、次の順番で進みます。
CSSの書き方:CSS入門
CSS入門(2)
CSSを作成する前に覚えておかないといけない基本的なことがあります。言わば文法みたいなものです。
文法などと聞くと、「んげ〜」と思う人もいらっしゃるかもしれませんが、それほどややこしいものではありません。(たぶん)
お話は、次の順番で進みます。
CSSファイルの外部読み込み:CSS入門
CSS入門(3)
今回は、実際にCSSファイルを作成し、HTMLファイルから呼び出してみます。頭だけでなく、手を動かしていきましょう。
「難しそう?んなこたぁない」(タモさん風に言ってみた)と言うわけで、お話は、次の順番で進みます。
背景色の変更【background-color】:CSS入門
CSS入門(4)
背景色を変更したいときは、CSSの「background-color」を使います。
背景の色を変更すると、ずいぶんと印象も違ってきますから、ジャンジャンバリバリ変えて行きましょう。
「あなたの色に染められたいの・・・なんつて」ってことで、お話は、次の順番で進みます。
文字色の変更【color】:CSS入門
CSS入門(5)
文字の色を変更したいときは、CSSの「color」を使います。
記事「背景色の変更【background-color】:CSS入門」での背景色の変更と要領は一緒ですから、今回は簡単に出来てしまうはずです。
あなたは、成長した自分の姿に目を細めることでしょう。ほーっほっほっ。お話は、次の順番で進みます。
罫線を描く【border】:CSS入門
CSS入門(6)
罫(けい)線で囲いたいときなどは、CSSの「border」を使います。
ラグビー選手よろしく、ボーダー柄のラガーシャツを着て、頑張って覚えていきましょう!「前へ!前へ!」前のめりで行こう!
お話は、次の順番で進みます。
margin、paddingとは?:CSS入門
CSS入門(7)
間隔(余白)をあけたいときは、CSSの「margin、padding」を使います。でも、margin、paddingって何だろう?ややこしそうだぞぅ。
今回は、イメージしやすいように、margin、paddingの説明から入ります。お話は、次の順番で進みます。
margin、paddingの初期化:CSS入門
CSS入門(8)
前回の記事「margin、paddingとは?:CSS入門」で、おおよそ marginと、paddingが、どういったものなのか分かったと思います。
今回は、marginと、paddingの初期化についてお話いたします。
間隔をあける【margin、padding】:CSS入門
CSS入門(9)
さて、「margin、padding」の初期化も済んだし・・・もう、お風呂にでも入って、寝ましょうか?疲れたし。
そのようなわけにもいかないので、お話は、次の順番で進みます。
継承と子孫セレクタとは?:CSS入門
CSS入門(10)
CSS用語に、継承、子孫セレクタというものがあります。継承だの子孫だのセレクタだのと言われても、「何のことやら分からん」と思います。
でも、大丈夫だぜ、セニョール。だって、これから説明するのだから。お話は、次の順番で進みます。




