CSS 色の作成 色の指定方法色の作成CSS で色を指定する方法は複数あるが、任意の色を作り出すには数値で指定する必要がある。下図の記述例では、全て同じ色の赤を指定している。一番上の red はカラーネームと呼ばれる指定方法で、それ以外はRGB値を個別に調整して色を作り出したものである。RGB とは、絵の具の色を混ぜ... 2024.12.23 めぐみ CSS
CSS テーブル テーブルの装飾テーブルのHTMLHTML だけでは美しい見栄えのテーブルを作成出来ない。そこで、 CSS を使って、より一般的と言えるテーブルの見栄えを設定してみる。まず、枠線とセルの背景色を設定したテーブルを作成する。HTML ではテーブルの見栄えは何も装飾しない。特に、table タグに bor... 2024.12.20 めぐみ CSS
CSS レイアウト③ 段組み(回り込み)Flexbox(Flexible Box Layout Module)による段組みWeb ページのレイアウトを意識して少し複雑な記述をしてみる。左右にレイアウトボックスを配置して、それぞれに文章を記述するレイアウトを「段組み」と呼ぶ。段組みでは、左右に 2 個のレイアウトボックスと... 2024.12.18 めぐみ CSS
CSS レイアウト② レイアウトボックスWeb ページでレイアウトをするためには、レイアウトボックスという枠組みを作成する。レイアウトボックス自身の配置や、レイアウトボックス内の配置を指定することで、Webページ内に文章や画像を配置して行く。レイアウトボックスは、HTML の div タグで作成する。そして、レイアウトボ... 2024.12.11 めぐみ CSS
CSS レイアウト① レイアウトとはWebページ内の配置Web ページ等のスペース内に、文章や画像を配置することをレイアウトと呼ぶ。特に、見出しや画像などの重要な情報を目立つ位置に配置すると、情報伝達はより効果的なものとなる。また、Web ページを正しくレイアウトすることによって、視点の移動が自然なものとなり、ページが読... 2024.12.06 めぐみ CSS
CSS 非推奨のHTML 推奨されない記述法現在は推奨されていない HTML の記述法について触れておく。HTML は現在も仕様の拡張が進んでおり、初期に使われていた記述が古くなっているものがある。その中でも変化の大きなものは、見栄えに関する記述である。かつての HTMLでは、このようにHTML タグや属性で色やフォント、更... 2024.12.04 めぐみ CSSHTML