CSS – ホームページの作り方

データURIスキームで画像ファイルの埋め込み

ホームページやブログで外部ファイルなしで画像を埋め込むテクニックとして、データURIスキームというものがあります。使い方使い方は次のようにします。 HTMLへの埋め込み普通の<img>タグを作成して、s …

前回、前々回と続けてきたflexboxですが、最後にflexboxを使ってグリッドレイアウトをするサンプルを作ってみました。注 flexbox-grid-samplehttps://github.com/rlated/f …

前回に引き続きflexboxについて簡単にまとめてみたいと思います。今回は、左寄せや上寄せ等、位置揃えがテーマです。横方向の配置横方向の配置はjustify-contentの値で設定できます。左寄せ justify …

CSS3のFlexible Box（flexbox）の使い方を簡単にまとめてみようと思います。 flexbox まず、flexboxを使うと何ができるかということですが、一言で言うとレイアウトができるようになります。fl …

CSSを使ったリボン風のデザインを紹介したいと思います。PhotoshopやGIMPなどでデザインするのも悪くはありませんが、CSSで作ると拡大、縮小が自由自在なのが１つ利点に挙げられます。少しだけCSSの解説サンプ …

スタイルシートを使って真ん中に表示する方法を紹介します。左右の中心に表示 marginを使って次のようにします。 auto とした場合、上側(margin-top)は 0 と設定したことになり、左右(margin-le …

Twitter Bootstrapの第2回。今回はHTMLの基本的なマークアップがどのように装飾されるのかを見ていきたいと思います。注1 まずは見出しテキスト<h1>〜<h6>です。通常通りと書いて利用で …