【旧版】CSS基礎文法入門 (全23回)

最新版のレッスンはこちらから » 【最新版】詳解CSS 基礎文法編 (全37回)

ホームページの見た目を制御することができるCSSについて基本的な使い方を学んでいきます。

このレッスンでは CSS 2.1 を使用しています。

id と class の使い分けについて教えてください PREMIUM - #03 セレクタとプロパティを理解しよう
id と class の使い分けとはどのようなケースで行うのでしょうか?
ブラウザで見たときに日本語が文字化けします PREMIUM - #03 セレクタとプロパティを理解しよう
ブラウザで見たときに日本語が文字化けします。解決方法を教えてください。
「h1, p」と「p.points」は、同じ意味でしょうか? PREMIUM - #04 もっとセレクタを使ってみよう
<h1>見出し</h1> <p class="point">テキスト</p...
コメントアウトをする時のショートカットキーを教えてください PREMIUM - #05 属性セレクタを使ってみよう
コメントアウトをする時にワンタッチで行われているようですが、ショートカットキーを使っているのでしょうか?
CSSのバージョンはどこかで宣言して使い分けできるのでしょうか? PREMIUM - #06 擬似クラスを使ってみよう
『ちなみに CSS 2.1 だと順番に関する擬似クラスはこの first-child しかないのですが、CSS3 だと...
:first-lineの表示のされ方 PREMIUM - #07 擬似要素を使ってみよう
:first-line は文章中の1行目だけスタイルを当てたい場合に使いますが、ディスプレイの解像度やブラウザのウイン...
body, html {}は、html, body {}と書いても問題ないのでしょうか? PREMIUM - #10 ボックスモデルを理解しよう
レッスンでは、 body, html { height: 100%; } このように書かれていますが...
フォントの種類はどれか一つを指定するのではないですか? PREMIUM - #14 文字に関するプロパティを使ってみよう
フォントの種類に関しては font-family というプロパティにしてあげて、あとは優先度の高いものからカン...
list-styleで画像を使いたいのですがうまく反映されません PREMIUM - #15 list-styleでリストのスタイルを変えよう
レッスンで list-style に smile.png という画像を使用しているので、自分もデスクトップにある画像を...
list-style と list-style-image の違いについて PREMIUM - #15 list-styleでリストのスタイルを変えよう
例えば list-style: url('img.png'); と記述するところを、 list-style-imag...
文字以外の場所でもカーソルが変化してしまいます PREMIUM - #16 cursorでカーソルの形状を変えよう
カーソルが変化するのはわかったのですが、同じ行であれば文字の上でなくてもカーソルが変化してしまいます。どうしたらいいで...