最強?無料Seesaaブログで簡単にホームページ作成!

目次
■初めての方は、「まずはじめに」の後に、トップページをご覧下さい。お勧め記事を集めました!
  その後は、ご自分の好きなところを読まれて大丈夫です。
トップまずはじめにブログ入門編Seesaa活用方法基本的な使い方SeesaaカスタマイズQ&Aお問い合せ
ランキングCSSHTMLアフィリエイトおすすめ本便利フリーソフトブログ紹介資産運用精神論足跡
Topスタイルシート(CSS)>スタイルシート(CSS)の記述方法の基本

■スタイルシート(CSS)の記述方法の基本

スポンサードリンク

カテゴリ「スタイルシート」では、ブログをカスタマイズする上で知っておいた方がいいことを私が勝手に選んで紹介していこうと思います。

今日は、スタイルシート(CSS)の書式だけ紹介します。

これは、すべての基本ですのでしっかり押さえておいてください。

特にアフィリエイトに挑戦される方には、CSS編集は、とても大事です。

頑張りましょう!

ランキングに参加中!←今回は、長くなるので記事を読む前に応援お願いします!

Seesaaブログ にはもう登録した?

スタイルシートは、大文字と小文字の区別は基本的にしませんが、但しクラス名・ID名・フォント名・URLなどCSSの制御外の部分については、大文字・小文字の区別があります。

よく分からない方は、とりあえずは、大文字と小文字の区別は、しないということだけ覚えておいてください。

基本的にCSSの設定は、以下のような書式で行われます。

セレクタ {属性(プロパティ) : 値}

皆さんのスタイルシートを見てください。

すべての書式がこのようになっているのが分かると思います。

「セレクタ」とは、CSSを適用させる対象を示します。

これは、本当は、HTMLという言語を理解していないと分かりにくいと思いますが、h1などにあたります。

これから少しずつ説明していこうと思います。

「属性(プロパティ)」とは、セレクタに対してどのようなスタイル(デザイン)を設定するかを示します。

color、font-sizeなどです。

「値」とは、属性(プロパティ)に対してのスタイルの範囲をどのように設定するかを示します。

10px、100%、blueなどです。

属性を「;」で区切ることで複数指定することが出来ます。

セレクタ {属性 : 値; 属性 : 値; ・・・}

h1{color:blue;font-size:20px;}

このように複数指定できます。


セレクタ, セレクタ {属性 : 値; 属性 : 値; ・・・}

h1,h2{color:blue;font-size:20px;}

このようにセレクタも複数指定することも出来ます。

今日は、これでおしまいです。

スタイルシートの編集画面を開いてみてくじっくり見てみてください。

どのような設定がされているか少し分かると思いますよ。

次回は、もっと具体的に説明していこうと思います。

ランキングに参加中!←応援お願いします!

ブログは読むだけでも楽しいですが、自分で作るともっと楽しくなること間違いなし。登録はこちらから簡単にできます→→ Seesaaブログ
スポンサードリンク

最後まで、読んで頂いてありがとうございます。お気に入りに追加してくれたら嬉しいです。
→→

RSSをRSSリーダーに登録しても便利だと思います。

■人気記事ベスト5
トラックバック、コメントをする時の注意
コメントする時、ブログを持っている方はできるだけホームページアドレスを書いて頂きたいです。みんながどんな風にブログを使っているか知りたいです。宜しくお願いします。
特に、質問される方は、名前に自分のブログのリンク貼ってください。
リンクがない場合は、基本的に返事をしないつもりです。私一人で運営しておりますので、ご理解の程よろしくお願いします。

当サイトでは「トラックバック」歓迎します。ただし、相互リンクをして頂きたいと思います。
相互リンクがなく記事と関連があると判断した場合は、こちらからもトラックバックさせて頂くつもりです。お互いにとって有意義なものにしていきましょう!


トラックバックについて、まだよく分かってない方は、こちらで説明していますので参考にされてください。

特に
■記事と全く関連がないと判断される物
■「宣伝」「誘導」「誹謗中傷」を目的とした物
■リンク切れの場合
と判断したものにつきましては、「削除」させて頂こうと思いますのであらかじめご了承下さい。
同様に「コメント」も削除させて頂きます。
コメントへの返事の確認には、便利なブログコメントチェッカーを利用してください。
この記事へのコメント
シーサーのブログは確かに
使いやすいですね

ものすごく参考になります
しかしCSSはまだ勉強不足なので
もっと研究していきたいと思っています

NORI
Posted by 真の美容法が人生を変える at 2006年05月24日 21:48
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス: [必須入力]

コメント: [必須入力]

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


※画像の中の文字を半角で入力してください。
※半角英数字のみのコメントは投稿できません。
この記事へのトラックバック

CORMALHP作成リンク集
Excerpt: HP製作リンク集を作っております。リンクさせていただきました
Weblog: CORMALJAPANブログPR事業部
Tracked: 2006-05-24 21:47

このページのトップへ▲
×

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