div要素

WEB制作

• <h1>要素, <header>要素, align-items, align-items: center;, background-image,

実践！HTMLとCSS！サイトの顔！ヒーローイメージを作る

ヒーローイメージとは、ウェブサイトのヘッダー部分に表示される画像を示します。 すなわち、サイト訪問者が一番最初に目にするデザインとなります。 この様にヒーローイメ […]

続きを読む

HTML

• .class, Class属性, div, div要素, HTML,

HTMLを学ぶ。div要素とclass属性でサイト構成とブロックを学ぶ。

ウェブデザインを行う上で使用頻度が一番多いと言っても良い『div要素』について今回は初心者向けに解説していきます。 実はこのDiv要素、ブラウザ上では見ることは出 […]

続きを読む

CSS

• border-bottom, border-left, border-radius, border-top, CSS,

CSSを学ぶ。枠線の様々な装飾を学ぶ。

今回のポイント 前回の記事では、枠線を描くためにHTMLとCSSにコード追記していきました。今回は前回作成したサイトの枠に、装飾を加えていきます。 前回の記事は以 […]

続きを読む

CSS

• border, borderプロパティ, CSS, CSSを学ぶ。, div,

CSSを学ぶ。borderプロパティを使って枠線を学ぶ。

今回のポイント サイト制作に於いて、枠線を描くことは必要不可欠です。今回はその枠線を実際に記述しながら解説していきます。 前準備 今回は前回作成したHTMLファイ […]

続きを読む

CSS

• .class, Class属性, CSS, CSSを学ぶ。, div,

CSSを学ぶ。属性セレクタを学ぶ。

今回のポイント 今回はHTMLで『属性』を指定しているものに対して装飾を与える方法を解説していきます。 属性とは 例えば以下のような、HTMLがあったとします。 […]

続きを読む

CSS

• CSS, CSSを学ぶ。, div要素, span要素, インライン要素,

CSSを学ぶ。ブロック要素とインライン要素にCSSを書く。

今回のポイント 前回の記事で、３つの方法を用いてCSSを記述する方法を解説してきました。３つの方法については以下の３記事を参考にして下さい。 今回は、HTMLの要 […]

続きを読む