I7ll

Webデザイナーが, Webについて,デザイン, 技術トレンド, レビューなど, あれこれ綴っていきます。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


完全CSSレイアウト

完全CSSレイアウトのお勉強

SEO対策に有効、ソースが軽い、メンテナンス/見た目がいい(微妙)
今までスピード重視だったので割とtableタグの多様になってしまったが、
フレームはちゃんと作成した方がいいだろう、という事で.

■CSSレイアウト
positonプロパティの有効利用
 
static 通常の位置に表示する。この値が指定された場合,
後述するtop,right,bottom,leftの各プロパティは適用されない。

relative staticで表示されるべき位置(つまり通常の表示位置)を基準として,
top,right,bottom,leftの各プロパティによるオフセットで
表示位置を決定する。

absolute 通常の表示位置とは無関係に,包含ブロックからの距離を
top,right,bottom,leftの各プロパティで指定されることによって,
表示位置を決定する。

fixed absoluteと同様の方法で位置を決定したあと,それを何かに固定する。
連続メディア(スクロールメディア)の場合は,viewportに固定され,
スクロールに流されずに常に表示されるようになる。ページメディアでは,
ページに固定される。
■参考サイト
http://css.uka-p.com/

続きを読む »



« Prev|Top|Next »

HOME

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。