コース: CSS 基本講座
今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。
数値について
このレッスンでは、 CSSプロパティに使われる 数値についてご説明します。 数値というのは長さや大きさ、 いろんなものがありますけれどもね、 それを決めるために使います。 単位が必要なものがありますので、 それには注意してください。 単位のついた数値、例えばピクセルですね。 それからカラーなどは、 こういった16進数で設定できるんですが、 具体的にやってみましょう。 今、CSS規則としては、h1 と h3 に color の blue が設定してあるわけですね。 数値、使っていません。 ではですね、 h1 に少しスタイルを加えましょう。 h1 として背景色、 background-color、 これを aqua、シアンとも言われますが、 カラーネームで指定してもいいんですが、 今回は数値がテーマですから、 数値で決めましょう。 ハッシュ、＃ですね。 そして 00FFFF、これがシアンですね。 それから border をつけましょう。 枠線ですね。 太さはちょっと、 ちょっと太めに2ピクセル、実線です。 solid にして、 カラーは blue にしましょう。 ということで、 そうですね、blue もこれ、 カラーネームでなくて、 16進数で決めることにします。 0000FF ということで確認しましょう。 ファイルを保存します。 この青線のボーダーがあるのは、 h1要素の領域です。 その外を決めるのは、 これは margin になります。 上下左右あるんですけれども、 左右を少し変えてみましょうか。 一旦ぴったりと くっつけてみたいと思います。 ところで margin なんですが、 これは h1 に設定されている margin ではありません。 h1 の親ですね。この body です。 body に設定されているので、 body の設定を変えましょう。 body で margin です。 margin に 0 と数字を入れると、 4つ数字が出てきます。 top、right、bottom、left、 時計まわりですね、 に4つ数値は指定できるんですが、 1つだけ指定すると、この4つすべてに 同じ値が設定されます。 では 0 ピクセルとしましょう。 px ということで、保存して確かめます。 body の margin を 0 としましたので、…
エクササイズファイルを使って実践してみましょう。
インストラクターがコースで使用しているファイルはダウンロードできます。見て、聞いて、練習することで、理解度を深めることができます。
コースをダウンロードして学習しましょう。
ラーニングコースをダウンロードしてオフラインで視聴しましょう。ダウンロードしたコースはLinkedInラーニングのモバイルアプリ (iOSまたはAndroid) で視聴できます。