CSS入門|カテゴリ記事一覧

ブログが作りたい!カテゴリ記事一覧 > CSS入門|カテゴリ記事一覧

CSS入門|カテゴリ記事一覧

CSS入門|カテゴリ記事一覧

CSS入門-ブログのカスタマイズ-

カテゴリ『CSS入門』では、ブログをカスタマイズしたい人のために、CSSの基本的な情報をご紹介しています。

初心者のためのCSS入門です。難しいことは、とりあえず置いといて、「何をどうすれば変更できるのか?」をテーマに書いています。

HTMLをご存知でない人は、記事『カスタマイズ前の準備』から読み進めていただくと、分かりよい構成になっています。

▲ページの先頭に戻る

CSSの基本的なこと

01:CSS入門 はじめました

CSSを使うことのメリットとデメリットについて書きました。現在では、CSSを使わないという選択肢を選ぶことは考えにくい状況です。

02:CSSの書き方:CSS入門

CSSの基本的な文法について書いています。

03:CSSファイルの外部読み込み:CSS入門

HTML内から、CSSファイルを外部読み込みする方法を書いています。HTMLファイル内にCSSコードを書くのは好ましくありません。

▲ページの先頭に戻る

超初心者のためのCSS入門

04:背景色の変更【background-color】:CSS入門

background-colorを使って、背景色を変更してみましょう。

05:文字色の変更【color】:CSS入門

CSSで文字の色を変更してみましょう。colorを使います。

06:罫線を描く【border】:CSS入門

CSSで罫線(けいせん)を描いてみましょう。borderを使います。

07:margin、paddingとは?:CSS入門

margin、paddingの意味を、図解して説明しています。

08:margin、paddingの初期化:CSS入門

margin、paddingの初期化の方法、必要性について書いています。

▲ページの先頭に戻る

09:間隔をあける【margin、padding】:CSS入門

実際にmargin、paddingを使ってみましょう。

10:継承と子孫セレクタとは?:CSS入門

「継承」と「子孫セレクタ」について説明しています。

11:箇条書きの装飾【list-style-type】:CSS入門

list-style-typeを使って、箇条書きのリストマークを、いろいろと変更してみます。

12:箇条書きに画像【list-style-image】:CSS入門

箇条書きのリストマークの箇所に画像を使ってみます。

13:フォントの指定【font-family】:CSS入門

CSSでのフォントの指定の仕方について書いています。

▲ページの先頭に戻る

14:日本人が好きなフォントは?:CSS入門

有名なサイトで使っているフォントについて調べてみました。

15:文字サイズの変更【font-size】(1):CSS入門

キーワードを指定する方法で、font-sizeを変更してみます。

16:文字サイズの変更【font-size】(2):CSS入門

%(割合)で、font-sizeを変更してみます。

17:idセレクタ、classセレクタとは?:CSS入門

idセレクタ、classセレクタについて書いています。idセレクタ、classセレクタを使うことで、より細かな指定をすることが出来るようになります。

18:段落のインデント【text-indent】:CSS入門

段落のインデント(字下げ)について書いています。text-indentを使います。

▲ページの先頭に戻る

19:行の間隔【line-height】:CSS入門

行の間隔(line-height)について書いています。最適な行間隔とは?

20:文字の間隔【letter-spacing】:CSS入門

文字同士の間隔について書いています。letter-spacingを使います。

21:文字の左右・中央揃え【text-align】:CSS入門

文字を左右・中央揃えするtext-alignについて書いています。

22:幅と高さを決める【width、height】:CSS入門

幅と高さを指定する widthとheightについて書いています。

23:段組みレイアウト【float】:CSS入門

回り込みをさせる floatについて書いています。floatを使えば、二段組み、三段組みのレイアウトを作ることが出来ます。

▲ページの先頭に戻る

24:表(table)の中央揃え:CSS入門

表(table)を中央揃えするときの方法を書いています。marginを使います。

25:CSSでリンクを装飾する:CSS入門

リンク(<a>タグ)を、CSSで装飾する方法について書いています。

26:背景に画像【background-image】:CSS入門

画像を背景として、CSSで指定するときの方法について書いています。background-imageを使います。

▲ページの先頭に戻る

まとめ

27:最後にIEでチェック+CSSハック:CSS入門

IEブラウザでチェックを行います。簡単に CSSハックについても述べています。

28:CSS入門まとめ

これまで書いてきた CSS入門のまとめです。

29:HTMLとCSSにコメントを入れる方法

HTMLとCSSに、コメントを入れるときの記述方法について書いています。コメントの必要性や、どのような内容のコメントを入れれば良いのか?を書いています。

▲ページの先頭に戻る

前の記事へ
次の記事へ

関連記事

サイトマップ、及び同じカテゴリにあるカテゴリ記事一覧をご紹介します。

1:サイトマップ親分

2:ブログのカスタマイズ|カテゴリ記事一覧

▲ページの先頭に戻る

作成日:2008/05/31 更新日:2009/03/08

コメントありがとうございます。

お手数ですが、コメント前に留意事項をご覧くださいませ。

また、現在ご質問にお答えする余裕がない状態にあります。よろしくお願いいたします。

コメントの投稿

内緒のときは、チェックしてください。

トラックバック

http://kumacrow.blog111.fc2.com/tb.php/337-dcc3bd97
 | トップページ | 

FC2ブログの作り方・作成

GIMP2で画像を編集しよう

イラストが描ける Inkscape

初心者のためのSEO対策

Google Analytics入門

アクセス解析QLOOK

アイデアの作り方

超ビギナー向けHTML入門

超ビギナー向けのCSS入門

FC2ブログのカスタマイズ

初心者向けのCSS小技

Web制作に役立つ本

ブログでお小遣い稼ぎ

これはうまい!

誰にでも才能はあるのです

RSSフィード

プロフィール

KumaCrow(クマクロ)

KumaCrow

FC2ブログによるブログの作り方をご紹介しています。「初心者の人にも分かりやすく!」がモットーです。

Twitter KumaCrow

リンクフリー♪
フォローも、ふりっふり~

伝わる文章を書くコツ

最近の記事

最近のコメント

パソコン入門

アクセスの多かった記事

先月アクセスが多かった記事を、ご紹介します。

【1位】
GIMP2の使い方
【2位】
プリントスクリーンの方法
【3位】
GIMP2 パスの使い方
【4位】
GIMPとは?
【5位】
レイヤーとは?

初心者のデジカメ撮影術

ホームページ制作にJimdo

このブログの評価

自分を見つめなおす

ブログランキング

クリックしちゃいなよ!You、クリックしちゃいなよ!そして、Canして、Doしちゃいなよ!

FC2ブログランキングに参加してみませんか?見に来てくれる人が少しだけ増える・・・かもしれません。

FC2カウンター

ブログ開始(2007年7月)から、ユニークユーザ数が「のべ240万人」に達しました。いつもご覧いただきまして、ありがとうございます。(2011/01/05、FC2カウンター故障・データ消失により、10万人分くらいマイナスとなりました)

子どもの教育

最近のトラックバック

+++ お友達のブログ・お世話になっているサイトさま +++

ふわふわふわりん
無料ウェブ素材 Tyto-Style
海外のSEO対策・SEOツールをわかりやすく解説するブログ
日南商工会議所による情報化支援ブログ
気になるけど
聞き捨てならん!!
かちびと.net
ありのごとくあつまりて