CSS基礎
使用するテキスト Net Smart よりスマートなインターネットライフを HOME CONCEPT SERVICE ACCESS 必要なものは、 ビジネスの価値を届けるデザインの力。 Net Smartは、ビジネスとユーザーを理解し、 関係性を構築するためのストーリーの設計とUXデザインを…
演習１ <body> style要素 style element HTML文書内にまとめて設定します。 </body> 演習２ <style> html,body,h1,h2,p{ margin: 0; padding: 0; } div{ width: 600px; background-color: mediumseagreen; padding: 10px; } h1{ color: #FFF; padding: 20px 0; } h2{ background-…
演習１<body> style要素 style element HTML文書内にまとめて設定します。 </body> 演習２<body> About wine Chianti Classico Riserva 1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にありま</body>…
カラムレイアウトwww.weblab.co.jpdivタグ ・・ひとかたまりの範囲として定義するdivタグはそれ自身は特に意味を持っていませんが、divで囲んだ範囲をひとかたまりとして、スタイルシートを適用するのに用います。今回はh1やpをdivの中に入れ、カラムレイア…
Flexbox（Flexible Box Layout Module）はCSS3の新しいレイアウトモジュールで、複雑なレイアウトを今までより少ないコードでフレキシブルなボックスを組むことが出来ます。以前からあった技術ですが、各ブラウザーによって書き方が違ったり、仕様が変わった…
htmlの要素（タグ）はh1など特別な物以外は基本的には複数使用する事が出来ます。例えばpタグが4つある場合、それぞれのp要素に名前を付ける事で判別する事が出来るようになります。idの使い方idには「ファイル内で同じidは2回使えない」と「1つの要素に付け…
近接の法則近接の法則は、距離が近いもの同士が同じグループだと考えるという法則です。 それぞれの要素数が異なっていても同じグループと認識します。適切な余白を設定することでユーザーが情報を適切にグループ分け出来るようします。bulan.comarginmargin…
