CSSって何?

「CSSって何?」の有益情報をお届け!

アフィリエイト1年生のための パソコン・アフィリエイト講座

自由自在にパソコンを使えると、アフィリエイトが楽になります^^

2007年05月27日

CSSって何?

サイドバーのフォントサイズを指定したいとき」に
たくさんのコメントをありがとうございました^^

いただいたコメントを拝見していると…
CSSHTMLが苦手…という方が多いのですね。

とっつきにくいですものね^^;

そこで…今日はちょっぴり
CSSって何?」という基礎のお話しをしてみますね^^

「CSSって何でしょう?」


CSSは、Cascading Style Sheets(カスケーディング・スタイル・シート)の
略、

HTMLは、HyperText Markup Language
(ハイパーテキスト・マークアップ・ランゲージ)の略です。

この2つは、役割が違うのですが
ごちゃ混ぜにしてしまっている方が多いのです。
そこが分かりにくさの理由かもしれません。

HTMLで構造を書いて、CSSで修飾をする

これがHTMLとCSSの関係ですが…
ちょっと分かりづらいですよね。


例えば…新しくブログを作ったとします。
タイトルを決めて、本文を書いて…

でも、このデザインはいまいちだから、新しくあちらのデザインを…
と、「デザイン一覧」から新しいデザインを選んで変更したとしましょう。

このときに変更になるのはデザインCSSの部分だけなのですね^^

デザイン=CSS=修飾部分だけを変更して、
構造=HTMLは触っていないのです。



構造修飾が分離しているので、気に入ったデザインに
簡単に変更することが出来るんですよ^^


文字を大きくしたい…とか、
文字の色を変更したい…とか、
行間隔を広げたい…などなどの、
デザインに関する指定はCSSの変更を、

そのCSSが変更できる箇所はどの部分に当たるのかを、
指示するためにはHTMLの変更を…という具合に

両方をいじっていく必要があるのです^^


いかがでしょう?

あとは少しずつでも実践しながら、実感してくださいね〜^^




ブログのCSSは、難しいです〜。
どの行の記述が、ブログのどのパーツの設定に関係しているのか……
まるで暗号解読です。
テンプレートによっては、あまり整理して書かれていないので。


電脳牧師のHow to アフィリエイト」のたいぢさんは、
WordPress(ワードプレス)というブログツールを利用して
ご自分でブログを構築されています^^

そのたいぢさんでもこう仰るように…、
HTMLやCSSは、自分で作ったものの方が変更がずっと簡単。

ブログに用意されているテンプレートって、
意外と記述がわかりづらいのです^^;

でも、構造がわかって変更がうまくいくと、とっても嬉しいものです^^

本当に「暗号解読」みたいに^^


どうぞ頑張って「暗号解読」してみてくださいね〜^^

↓あなたのお役に立てましたか?
 応援クリックおねがいします^^
banner_02.gif


★・・・★・・・★・・・★・・・★・・・★・・・★・・・★・・・★・・・★・・・★・・・★・・・★
ある商材を購入したので…
いろいろなことを始めてみました^^

後日、成果報告をいたしますね〜♪
posted at 07:24
Comment(9) | TrackBack(0)
カテゴリー:用語
エントリー:CSSって何?
この記事へのコメント
こんにちは。
炎のダイエッター masaru です。

私はHTML暦が長いのですがCSSが導入された時は
流石に戸惑いました。

しかし
いじっていくうちにCSSのありがたさが
身にしみて感じるようになりました。

簡単なページでもいいので作りながら
使い方を覚えていくという方法がいいと思います。

応援済みです。
Posted by masaru@ネットで見つけた「いいもの」  at 2007年05月27日 14:32
こんちには。電脳牧師のたいぢです。

わっ、ご紹介ありがとうございます(^^ゞ

ブログもそうですが、特にホームページを作っていると、CSSの便利さが身にしみます。

HTMLに修飾属性を記述してしまうと、あとで変更するときに大変ですが、CSSだと、一箇所修正するだけで、文書全体の書式を一発で変更できますもんね。

複数のCSSファイルを用意して、季節や気分によって、サイトの雰囲気を一変するなんてこともできますし。

応援ポチッ☆

笑顔同封 たいぢ
Posted by 電脳牧師の How to アフィリエイト at 2007年05月27日 18:14
すみれ先生こんにちは、
道産子主婦のロザンナです。

全然分っていませんでした。
>HTMLで構造を書いて、CSSで修飾をする
この表現、凄くわかりやすかったです!
ブログを始めた頃はHTMLに目が点になりましたが、少しずつ見よう見真似でやってます。

もっと自在に操れるようになったら
さぞかし楽しいでしょうね。

応援ぽち!


Posted by  アフィリエイトで主婦革命!ロザンナ at 2007年05月27日 18:54
こんばんわ
平凡親父です。

CSS

初めて聞く言葉です。
勉強になりました。
まだまだ未知の世界が一杯です^^;

では応援♪
Posted by 平凡親父 at 2007年05月27日 22:40
ヾ(≧∇≦*)ゝコンバンハ♪

恒例の週末なので早足でごめんなさい(>ω<、)
今日は天気が良かったので家族総出で大掃除でした(´・ω・`) ショボーン
良い週末を過ごせませたか?
明日から一週間、またよろしくお願いします(^-^ゝ
(*゚▽゚)ノ 凸ポチン
Posted by ぶぅちゃん at 2007年05月27日 23:38
こんばんは★
紅です♪

暗号解読・・・
本を片手に苦戦してます^^;

応援クリック注射!(σ´□`)σ・・・・…━━━━☆ズキューン!!
Posted by 紅【裏の白衣の天使】 at 2007年05月28日 00:43
こんばんは Sumireさん

Kunpunです。お世話になります。
いつも訪問、コメントありがとうございます。

私も結構、ブログのCSSは、触っています。

CSSは、1ピクセル単位で移動が行えるから嬉しい

ですよね!

それでは、また来ます。
応援 (*≧▽≦)σ ポチ
Posted by Kunpun☆ブログアフィリエイトで薔薇色の人生をおくる方法 at 2007年05月28日 01:20
sumireさんこんばんは。
つくしです。
またまたご訪問・コメント・応援
ありがとうございました。

今日は気になる記事をいくつか読ませていただきました。

とても参考になりました。
わからなことがあったらこちらへくると解決しそうです。

もっと早くにお知り合いになりたかったです。
鈴香さんに感謝しなきゃ。。。

また勉強させていただきに来ますね。

今日もありがとうございました。

つんつく応援♪
Posted by つくしの情報商材の村@つくし at 2007年05月28日 01:39
sumireさん、おはようございます!

町田鈴香です。

CSSがわかるようになると、

とたんにデザインブログが造れるようになりますよね♪

私も最初は四苦八苦でしたー(笑)。

今日も応援クリックしておきました!

またお話を聞かせていただきに来ますね!

次回も楽しみにしています!
Posted by 感謝ブログ様紹介中@町田鈴香 at 2007年05月28日 04:10
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。