プログラミング学習

プログラミング学習

CSS|アイテムの幅を調整する「frexプロパティ」

flexプロパティはショートハンド。flex-growプロパティは伸び率を指定し、frex-shrinkプロパティは縮み率を指定する。frex-basisプロパティは基本幅を指定するが、主軸を縦に変更すると高さ指定になる。
プログラミング学習

CSS|余白を調整する「marginプロパティ」と「paddingプロパティ」

余白には画面を見やすくし、文章を読みやすくする大事なデザイン要素です。要素から外側に余白を加える「margin(マージン)プロパティ」要素の内側に余白を加える「padding(パディング)プロパティ」
プログラミング学習

CSS|幅を変える「widthプロパティ」高さを変える「heightプロパティ」

Webサイトのレイアウトに欠かせないコンテンツ領域のサイズ。「widthプロパティ」幅を指定し、「heightプロパティ」は高さを指定します。相対単位と絶対単位主。
プログラミング学習

CSS|文章をそろえる「text-alignプロパティ」

文字列を左右に寄せたり中央に配置したりと、揃える位置を指定するときは「text-alignプロパティ」を使います。主な値は、"left"、"right"、"center"、"justify"で、Wordなどの文書作成ソフトにある「左揃え」「...
プログラミング学習

HTML|表の作り方(4)行と列をグループ化

<thead> 要素、<tfoot> 要素、<tbody> 要素で表の行(横列)をグループ化することができます。<colgroup> 要素で、表の列(縦列)をグループ化することができます。
プログラミング学習

HTML|表の作り方(2)セルとセル内の文字をカスタマイズ

表のセルの高さと幅を変更する方法と、セル内の文字の配置を指定する方法を解説。
プログラミング学習

HTML|表の作り方(1)「<table>タグ」の基本

<table>タグを使えば簡単に表を作成することができます。<tr>タグ、<th>タグ、<td>タグを組み合わせて作る表作成の基本を解説。
プログラミング学習

HTMLファイルの基本構造

HTMLとは"Hyper Text Markup Language"の略でWebページの土台となるファイルを作成する言語です。Webページに表示したい文章などを「<」と「>」で挟まれた「タグ」と呼ばれる特殊な文字列で囲んで書いていきます。
プログラミング学習

CSS|疑似要素によるセレクター

対象の要素の一部を指定して装飾を適用する、もしくは対象の要素に擬似的に要素を追加して装飾を適用するセレクターを擬似要素といいます。記述は要素の後に「::(コロン)を2つ」を付けて指定します。