幅・高さ width/height、余白 margin/padding、境界線 border、角丸 border-radius フォルダ：css_sample_05 ボックスのサイズの規定、余白、境界線などの設定に関する […]
抽象イメージの造形化
抽象とは 「あたたかい/つめたい」を例にすると ▶言葉から考える ▶色から考える ▶形を考える 形：角張っている、丸みがある、直線的、曲線的、… 配置：ぎゅっと集まっている、散っている・離れている、規則正しくならんでいる […]
CSS リスト（list-style）
リストの装飾 list-style フォルダ：css_sample_04 リスト（箇条書き）の設定を行うCSSプロパティです。 【準備】 ▼index.htmlに追記するタグ ▼style.cssへの追記 list-st […]
CSS テキスト・フォント
test-align/font-size/font-weight/font-family フォルダ：css_sample_03 テキストに関する設定を行うCSSプロパティです。 【準備】 ▼style.cssへの追記 ※ […]
CSS 背景（background）
背景 background フォルダ：css_sample_02 背景に関する設定を行うCSSプロパティです。 【準備】 ▼style.cssへの追記（既にコードの書かれたstyle.cssにハイライト部分のみを追記をし […]
Illustratorからの画像書き出し
Illustratorファイル（.ai）は、そのままではWeb上に掲載したり、Illustratorがインストールされていない環境上では開くことができません。画面上で閲覧することを目的とした共有の場合は「画像」として書き […]
CSSの基本
CSSとは CSSの記述場所 以下の３つの書き方がありますが、３番目の方法を推奨します。 1.HTMLタグ内に記述 特定の場所だけに効果が及びます 2.<head>内に記述 上記の例では、このページ内の、p（ […]
平面構成の基礎
平面構成とは 私たちは三次元空間に住んでいますが、造形的表現方法としては二次元のスペースに行うことが多く、立体的なものを紙の上に表すにはどうしたらよいかという問題があります。二次元の空間に対する表現的能力を養うことは、造 […]