Web製作

■概要 border属性は、タグの枠を指定するもので、background属性と似たように詳細な属性を同時に使うことができます。 width - style - colorの順で指定します。 border-width 枠の太さで、主にpx段...

■概要 background属性はタグの背景を指定するもので、font属性と似たようで、詳細な属性を同時に使える属性です。 以下のような属性を使えます。 background-color 背景色 background-image 背景画像 ...

■概要 text-align属性は、テキストの揃え位置を指定するものです。 start：行の開始位置を揃える end：行の終了位置を揃える left：左揃えにする right：右揃えにする center：中央揃えにする justify：均等...

■概要 font属性は、文字のスタイルを定義します。関連する6つの属性があり、ひとつの要素で全てを設定することができます。 では、属性を見てみましょう。 font-style 斜体など文字のスタイルを設定 font-weight 文字の太さ...

■概要 color属性は、単語通り「色」、正確に文字の色を意味します。 red, blueなど既に定義されている色 #000, #FFFFFFなど16進数の色コード rgb(255, 255, 255)などRGB色 rgba(200, 10...

■概要 CSSでwidthとheightを計算する方法は個性があります。 一回覚えれば大したことはないので、これから学習しましょう。 ■content-box 例え、widthに200pxを設定した場合、全体の幅が200pxになるわけではな...

■概要 marginとpadding属性は、外側と内側の余白を意味します。(borderを境界として分かれます) width, height属性と同じく数字の後に単位を書きます。 ■方向 各方向に異なる余白の設定ができます。 margin:...

■概要 widthとheight属性は、横幅と縦幅を意味します。 値を定義する場合は「100px」のように数字の後ろに単位を書きます。 (pxはピックセルという意味です。「50％」のように％を使う場合もあります) <span>タグなどinl...

■概要 HTMLと似ててCSSも特定な機能を行うものは既に定義されていて、これらを活用してタグのスタイルを定義することができます。 属性：値の形で、複数を定義する場合は「；」で区別します。 セレクタ { 属性1： 値1; 属性2： 値2; ...

■概要 セレクタの後ろに:仮想イベントを付けるとあるイベントごとに適用するスタイルを設定することができます。それらを疑似クラスと言います。 :link - 訪問したことないリンク :visited - 訪問したことあるリンク :hover ...