俺がHTML&CSSを覚えた方法 - Life goes on
[web] CSSを「ちゃんと」書けるようになりたい - Greenbear Diary (2009-05-06) はてなブックマーク - Greenbear Diary - CSSを「ちゃんと」書けるようになりたい 今日こんな記事をブクマしたので、参考になるかどうか分からないけど俺のマークアップの勉強したての頃を思い出しながらエントリ。 俺はこの業界に入るまで、HTMLの構造さえ全く知らなかったんですが、独学+αで何とか今サイトのマークアップが普通に出来る位までは使えるようになりました。と、言っても別に特別な物は何も無いんですが。 Step1は、まあ基礎的な事が何もわからない文字通り「ずぶの素人」だったので、書籍で「1週間でHTML&CSSを覚える」系の目標が分かりやすい本を買って首っ引きで手を動かして、サイトを作りました。基本の基本（絶対リンクと相対リンクの違いとか、DOCTYPE宣言
!important だらけの CSS にお別れを
CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができ... CSS を記述するときに記述したスタイルの適用優先順位を理解していないと思ったようにスタイルが適用されなかったり、後からメンテナンスするときに効率的な作業ができなかったりと、思わぬところで無駄な時間をとられたりします。 で、結果として !important 宣言を連発、気が付いたら CSS が !important 宣言だらけになるなんてオチが待ってたりするわけですが、そうならないためにも CSS が適用される際の優先順位について簡単におさらいをしてみたいと思います。 CSS は、「Cascading Style Sheets」 という名前の通り、「Cascading」 されて （段階的に） 適用されます。よって、簡単に言っ
Re: [XHTML 1.1 2nd Ed.] Target Module in Schemas from Shane McCarron on 2007-02-22 (www-html-editor@w3.org from January to March 2007)
From: Shane McCarron <shane@aptest.com> Date: Thu, 22 Feb 2007 06:41:01 -0600 To: Martin Kliehm <martin.kliehm@bluemars.net> CC: www-html-editor@w3.org Message-ID: <45DD8F5D.6010407@aptest.com> It definitely will be. As will the intrinsic events. It was an oversight. Thanks for bringing this to our attention. Martin Kliehm wrote: > > Dear editors, > > first let me express my relief that the target
line-height に単位ありの指定は駄目？
最近、CSS の line-height プロパティに指定する値は単位なし （<number>） が良いという話が話題になっているようです。別に今に始まった話題ではないんですけども、最近この話題に触れている記事の中に、ちょっと気になる書き方をされる方がいるので書いてみます。 で、そもそもなんで line-height の値は <number> で指定しておいた方がいの？ってところですが、その理由をわかりやすくまとめている Lucky bag::blog さんの記事をまずは紹介しておきます。 line-height の値には単位なしが良いとされる理由 ： Lucky bag::blog line-height の値には、 normal inherit <length> <number> <percentage> が指定できますが、ユーザーエージェントのデフォルト値を使用する normal と
HTMLでの質問です。 ある文字を太字にしてサイズを大きくしたい場合は <b> <font size> といったタグを使用します。…
HTMLでの質問です。 ある文字を太字にしてサイズを大きくしたい場合は <b> <font size> といったタグを使用します。 <b><font size="10">特定の文字 こういった感じになります。 この時のタグを閉じる順番は １．特定の文字</font></b> ２．特定の文字</b></font> 上記のどちらが正しいのでしょうか？
絶対配置要素の位置の基準
『ザ・ルールズ・オブ・スタイルシート』PDF資料18,19ページのposition:absoluteに関する説明で、絶対配置要素の位置の基準について以下のように書かれているのですが、 これはあまり正確ではない。 position: absolute 包含ブロック（左上）からの移動距離 ただし、ブラウザ実装はbodyからの移動距離 包含ブロック（左上）からの移動距離というのは正しいのですが、 ただし、ブラウザ実装は～という表現から包含ブロックについて誤解があることを読み取れます。 包含ブロックとは単に親要素のことを指すのではありません。CSSの仕様で細かく場合分けして定義された用語で、 絶対配置要素の包含ブロックは「祖先要素のうち最も近い、positionの値がstaticでない要素のパディング辺。該当するボックスがなければ、初期包含ブロック」です。 PDF資料の例では、position:
IE7 の CSS レンダリングを検証
IE7 の日本語版もリリースされ、ぼちぼち使い始める人たちも増えてきそうな今日この頃。 IE7 からは今まで Firefox 等に比べて遅れていた CSS への対応も進み、サイト制作者にとってはうれしい限りなのですが、実際 IE7 のCSS レンダリングはいかがなものか、簡単に検証してみました。 今回検証したのは、IE7 におけるボックスモデルの取り扱いと、セレクタへの対応状況。 まずはボックスモデルの検証ですが、用意したのは下記の XHTML と CSS。 <ul> <li class="first_list">First element of list</li> <li class="second_list">Second element of list is a bit longer to illustrate wrapping.</li> </ul> ul { margin:0;
IFRAME を使わない方法の補足 | WWW WATCH
phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 （Transitional、Frameset では定義済み）、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、（XHTML1.0 Strict） <!ELEMENT object (#PCDATA | param | %bl
TrackBack Technical Specification: Auto-Discovery of TrackBack Ping URLs
License Agreement for Use of Movable Type Number of servers: 1 / Number of users: Unlimited This Movable Type License Agreement (hereinafter referred to as this "Agreement") is made and entered into by and between an individual, corporation, entity or organization (hereinafter referred to as the "Client") that uses Movable Type (hereinafter referred to as the "Software") and Six Apart Ltd. (herein
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://elastic965.80code.com/blog/2007/02/start
http://hxxk.jp/temp/mttrackback.html