Webページの横幅を指定する--人気ホームページが作れる簡単作成講座
２－４ Webページの横幅を指定する widthで横幅を指定する 横幅を指定して整えることでしっかりとしたレイアウトに仕上げてみましょう。 横幅を指定するのはwidthです。指定する数値の単位は色々あるんですが、今回はpx（ピクセル）で揃えてください。ちなみに縦幅の指定はheightを使います。 レイアウト全体の横幅を指定する 横幅は、自由に決めても良いですが、800pxを超えると、パソコンによっては横スクロールがでることがあり、とても見にくくなるので今回は750pxにしました。縦幅は、コンテンツの量によって自動で変化させるので、指定しません。 divタグがたくさんありますが、一番外側のsite-boxに750pxの指定をすることで、全体が横幅750pxで揃えられます。 左右に並んだレイアウトの横幅
CSSレイアウトはdivタグで作る--人気ホームページが作れる簡単作成講座
２－１ CSSレイアウトは<div>で作る ホームページレイアウトはざっくり大きく分けるのがポイント いよいよホームページの作成を始めます。まずはじめにサンプルのWebページを参考にレイアウトを組むことから始めてみましょう。ホムつく講座では<div>とCSS（スタイルシート）でレイアウトを構築します。 まず、レイアウトは、わかりやすくするために大きくざっくり分割することがポイントです。今回は最もシンプルで実用的なヘッダー、左コンテンツ、右メニュー、フッターの４つに分けるCSSレイアウトを作成します。 縦にdivタグを積み重ねる CSSレイアウトでは、<div>を使ってレイアウトを組みます。<div>は入れるものが決まっていない万能型のタグで、空箱のようなものなのでレイアウトを組むのに向いています。 まず、<div>で一つの空箱を作り、中に４つの<div>..</div>を入れてください。レ
CSS3等を使ったサンプルや各種CSSリソース集:phpspot開発日誌
使えそうなCSS3等を使ったサンプルや各種CSSリソース集をまとめてみました。 CSS3に関しては対応ブラウザはまだ主流ではないとはいえ、CSS3等も徐々に学んでいきたいですね。 Text Blocks Over Image | CSS-Tricks 画像上にかっこよく文字を合成するチュートリアル →デモページ ZURB ? Super Awesome Buttons with CSS3 and RGBA css3の機能を使ってリッチなボタンを作成するチュートリアル Carsonified ? 30 Essential CSS3 Resources CSS3を学ぶのに使えるリソース集 CSS Gradients via Canvas | Weston Ruter Canvasを使ったCSSグラデーション作成 The Definitive Guide to Using Negative Ma
CSS3とHTML5のマストハブなチュートリアル＆リソース集７０:phpspot開発日誌
CSS3とHTML5のマストハブなチュートリアル＆リソース集７０ということで、大量のコンテンツがまとまっています。 例えば、どんなものがあるというと、CSS3の基本ガイドや、CSS3のリファレンス、CSS3による角丸、CSS3のボーダー、ドロップシャドウ、Opacity、マルチ背景画像といった感じでかなり網羅されているみたいです。 CSS3とHTML5によるコンビネーションを使ったテクニックの他、HTML5関連のチートシートなど便利なものが満載の内容になっています。 先取りで覚えておきたい方は知っておいたほうがよさそうですね。 リンク先は以下の元エントリより参照してください。 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers 関連エントリ CSS3等を使ったサンプルや各種CSSリソ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML 5 And CSS3 Cheat Sheets Collection