ホームページは、文章の構造（段落など）や見栄え（フォントサイズなど）に関する指定とそれらの配置をつかさどるレイアウトに関する指定を組み合わせて作っていきます。前者をHTML、後者をCSSと呼びます。
かつてはHTMLで構造からレイアウトまで担っていましたが、原則としてHTMLは構造に関する部分のみなので、レイアウトに関するCSSと呼ばれる基準が新たにつくられました。
CSSを使うと、フォントや文字の大きさ、文字飾り、行間などの見栄えに関する情報を文書本体(および構造を記述したHTML)から切り離すことができ、ユーザーが複数のレイアウトから適当なものを選択することができます。
CSSの導入の一番のメリットはサイトのメンテナンス性向上です。
複数のHTML文書からCSSファイルに関連付けることで、デザイン変更の際、CSSファイルに手を加えるだけで、そのCSSファイルを参照するすべてのHTML文書のスタイル変更に対応できます。
また、サイトの構造とレイアウトが分離されるため、ページを軽く作ることができ、ページの読み込み速度が速くなります。
Posted by T.fujii
Vimeoのレスポンシブ動画埋め込み対応ができない時
Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...