プログラミング学習

プログラミング学習

HTML&CSS|デフォルトCSSをリセットする

ブラウザには、それぞれ独自のデフォルトCSSが指定されている。リセットしない場合、デフォルトCSSに上書きされるのでブラウザによって表示に違いがでる。CSSをリセットする"ress.css" と "destyle.css"
プログラミング学習

HTML&CSS|リストの作り方

HTML の<ul> <ol> <li> タグでリストを作る方法と CSS でリストマーカーの装飾およびリストのインテント、行間の調整をする方法。
プログラミング学習

CSS Grid Layout(グリッドレイアウト)を使いこなす

グリッドの線番号や名前を使い自由にアイテムの位置を指定する方法と、簡単に聖杯レイアウトを作る方法。
プログラミング学習

CSS Grid Layout(グリッドレイアウト)の基本

CSSグリッドレイアウト(CSS Grid Layout)はグリッド(格子状のマス目)にアイテムを好きな順番に配置したり結合したりするレイアウト方法です。
プログラミング学習

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

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

CSS|レイアウトを組む「Flexbox」

Flexbox(フレックスボックス)とは、「Flexible Box Layout Module」の略で、Webコンテンツを適切に配置できる機能で、CSSでレイアウトを組む上での基本になります。 (adsbygoogle = window....
プログラミング学習

CSS|枠線を作る「borderプロパティ」

要素のまわりに線を引くことで、見出しの優先順序をわかりやすくすることや、グループ毎に線で区切ることが出来ます。線の種類・太さ・色などを自由にカスタマイズできるので、サイトを思い通りにデザインすることができます。線の種類は「border-st...
プログラミング学習

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

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

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

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