2024-12

CSS

色の作成

色の指定方法色の作成CSS で色を指定する方法は複数あるが、任意の色を作り出すには数値で指定する必要がある。下図の記述例では、全て同じ色の赤を指定している。一番上の red はカラーネームと呼ばれる指定方法で、それ以外はRGB値を個別に調整して色を作り出したものである。RGB とは、絵の具の色を混ぜ...
CSS

テーブル

テーブルの装飾テーブルのHTMLHTML だけでは美しい見栄えのテーブルを作成出来ない。そこで、 CSS を使って、より一般的と言えるテーブルの見栄えを設定してみる。まず、枠線とセルの背景色を設定したテーブルを作成する。HTML ではテーブルの見栄えは何も装飾しない。特に、table タグに bor...
CSS

レイアウト③

段組み(回り込み)Flexbox(Flexible Box Layout Module)による段組みWeb ページのレイアウトを意識して少し複雑な記述をしてみる。左右にレイアウトボックスを配置して、それぞれに文章を記述するレイアウトを「段組み」と呼ぶ。段組みでは、左右に 2 個のレイアウトボックスと...
CSS

レイアウト②

レイアウトボックスWeb ページでレイアウトをするためには、レイアウトボックスという枠組みを作成する。レイアウトボックス自身の配置や、レイアウトボックス内の配置を指定することで、Webページ内に文章や画像を配置して行く。レイアウトボックスは、HTML の div タグで作成する。そして、レイアウトボ...
CSS

レイアウト①

レイアウトとはWebページ内の配置Web ページ等のスペース内に、文章や画像を配置することをレイアウトと呼ぶ。特に、見出しや画像などの重要な情報を目立つ位置に配置すると、情報伝達はより効果的なものとなる。また、Web ページを正しくレイアウトすることによって、視点の移動が自然なものとなり、ページが読...
CSS

非推奨のHTML

推奨されない記述法現在は推奨されていない HTML の記述法について触れておく。HTML は現在も仕様の拡張が進んでおり、初期に使われていた記述が古くなっているものがある。その中でも変化の大きなものは、見栄えに関する記述である。かつての HTMLでは、このようにHTML タグや属性で色やフォント、更...
タイトルとURLをコピーしました