[CSS]初心者にも分かりやすいスタイルシートのチュートリアル

スタイルシートの初心者にも分かりやすく、各要素に的確なマークアップを行い、ワイヤーフレームをビジュアル化するチュートリアルをSoh Tanakaから紹介します。 Styling Post Headings That Stick Out demo 下記のチュートリアルでは、見出し、日付、カテゴリ、タグを含むブログのヘッダをステップに分けて実装していきます。 Step 1. Wireframe – HTML ワイヤーフレームに基づいて、「ヘッダ」と「コンテンツ」をdiv要素で配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="post"> <div class="postheader"> <!--ヘッダ--> </div> <!--コンテンツ--> </div> </textarea>

[gagegogi]

デモがかっこいい！

[mappi08]

わかりやすい

[Myask]

ブログ　見出し　タイトル

[phista]

ネガティブマージンを使うようにすれば一歩進めるかも。世間的には今さらだろうけどｗ

[ku-suke]

勉強によいかも。

[georgemiu]

Css

[itochan]

見出しがh2なのが気に入った。　多くのサイトでなぜかh3になってるんだよね

[takkecy]

基礎

[adsty]

各要素に的確なマークアップを行いワイヤーフレームをビジュアル化するチュートリアル。

[stealthinu]

テンプレ使わずいちからCSS書く練習をするチュートリアルとして

[ueyaman4649]

css webデザイン

[pyawk]

W3 Total Cache Error とか出てる

[hiropon1096]

これなら僕にもわかる？

[marukoro3150]

デモの左側に日付が目立つデザインが秀逸だなー

[ku_marin]

絶対配置、ネガティブマージンのおさらいに

[yoscy]

解りやすい

[silverscythe]

CSSでは高度な部類なのでは‥‥

[kdaiba]

tutorial

[higezi]

絶対配置、ネガティブマージンの使い方