ボックスの配置 -- CSS 2.1のエッセンス
目次 ボックスは 通常フロー フロート 絶対位置決め という三つの配置体系(positioning scheme)によって、どのように配置されるかが決まります。以下では三つの配置体系と、配置されたボックスの位置を相対的に動かす相対位置決め、ボックスの重なりについて説明します。 ボックスの配置 通常フロー ブロック整形文脈 インライン整形文脈 フロート フロートのクリア 絶対位置決め 絶対配置 固定配置 相対位置決め ボックスの重なり ボックスの配置を決めるのがpositionプロパティです。 static ボックスを通常フローで配置します。 relative 通常フローで配置されたボックスの位置を指定されたオフセット量だけ相対的に変化させます。 absolute ボックスを絶対位置決めします。ボックスの位置は、包含ブロックからのオフセット量で決まります。 fixed ボックスを絶対位置決め
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
旧世代のコーダーがHTML5に触れ始めて戸惑ったこと - sakotsu inspire blog
こんにちは。元コーダーのsakotsuです。 前回に引き続き、スマートフォン向けのサイトについて学び始めたのでその雑感などを備忘録として書いていきたいと思います。 時間が無い人向けに結論を先に書いておくと、 「誰だよHTML5でWebの世界が激変するって言ってたやつは、、」です。 僕の勉強不足で生意気言っていたらすみません！ でも、「HTML5万歳！夢の技術万歳！」なエントリーが並ぶ中でこういう意見もあっていいんじゃないかと思って書かせて頂きます。 宜しくお願い致します。 HTML5って何ですか 僕が数年前にコーダーとして働いていた頃は、HTML4/XHTMLの時代でした。 それから今に至り「HTML5がWebの世界が激変させる！」という記事を見かけるようになりました。 会社を辞めてからコーディングに興味を無くしFlasherとしてやっていた僕は、今更になって「いったい何が始まるんです？＞
WordPressの管理画面カスタマイズ時に使えるハック #2 - NxWorld
WordPressの管理画面カスタマイズ時に見るチートシート目的のメモ第2弾です。 紹介している内容は、基本的にWordPress Ver 3.3で実装・確認したものになります。 February 20, 2014 追記 WordPress Ver 3.8になって管理画面がいろいろ変更されたことにより、紹介しているカスタマイズの一部が使用できなくなっている可能性がありますのでご注意ください。 ログイン画面のロゴを変更 デフォルトのログイン画面はWordPressのロゴが表示されていますが、これを任意のものに変更する方法です。 下記をfunctions.phpに記述して、ロゴ部分のCSSを上書くことで変更します。 イメージの置き場所やファイル名が違う場合は、echoの部分を変更してください。 デフォルトで表示されているWordPressロゴの大きさは274×63ですので、これを基準に作成すれ
WordPressプラグインContact Form 7のメールフォームのデザインカスタマイズ
WordPressのプラグインのContact Form 7というメールフォームプラグイン を利用しているのですが、デザイン カスタマイズのチュートリアル記事的な ものがなかなか見つからなかったので 変更ついでに覚書します。 まずはContact Form 7インストール方法から。ご存知の方はここは飛ばしてください。 Contact Form 7のインストールContact Form 7をダウンロードし、解凍wp-content/wp-plugins/以下にフォルダごとコピーしアップロード管理画面で有効化設定画面でフォーム作成[note]ダウンロードのページに使い方も記載されていますが、ミblogさんの記事が分かりやすいです。[/note] メールフォームのスタイリング僕の方法は多分正しくないと思いますが参考になれば幸いです。Contact Form 7のphpファイルの変更はしていません
はてなブックマーク
キーボードショートカット一覧 j次のブックマーク k前のブックマーク lあとで読む eコメント一覧を開く oページを開く ✕
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
Pageblox.com may be for sale - PerfectDomain.com
Contact Form 7 チェックボックス項目の改行
CSS3、HTML5、jQuery、デザインなどウェブ制作のテクニックが動画で学べるサイト