はてなブックマーク

marginおよびpadding関連プロパティを一括指定する CSSソース：個別指定 p { margin-top: 0; margin-right: 10px; margin-bottom: 15px; margin-left: 10px; } CSSソース：一括指定（1） p { margin: 0 10px 15px 10px; } CSSソース：一括指定（2） p { margin: 0 10px 15px; } list-style関連プロパティを一括指定する CSSソース：個別指定 ul li { list-style-type: circle; list-style-image: url(../img/list.gif); list-style-position: inside; } CSSソース：一括指定 ul li { list-style: circle url(../

XHTMLソース <ul> <li><img src="img/bnr_hlc.gif" alt="HLC" /></li> <li><img src="img/bnr_hlh.gif" alt="HLH" /></li> <li><img src="img/bnr_hld.gif" alt="HLD" /></li> </ul> CSSソース【1】 ul li { margin: 0; padding: 0; list-style-type: none; } CSSソース【2】 ul li img { vertical-align: bottom; } ul li { margin: 0; padding: 0; list-style-type: none; } 第5章 実践的なCSSデザインの法則

XHTMLソース <div id="footer"> <ul> <li class="home"><a href="#">ホーム</a></li> <li><a href="#">事業内容</a></li> <li><a href="#">製品情報</a></li> <li><a href="#">採用情報</a></li> <li><a href="#">会社概要</a></li> <li><a href="#">お問い合わせ</a></li> <li><a href="#">プライバシーポリシー</a></li> <li><a href="#">サイトマップ</a></li> </ul> <p>Copyright © 2007 HTML Love Company. All rights reserved.</p> <!-- #footer END --></div> CSSソース #f

XHTMLソース <div id="header"> <p> テキスト</p> <!-- / #header --></div> <div id="main"> <div id="inner"> <p> テキスト</p> <!-- / #inner --></div> <!-- / #main --></div> <div id="sub"> <p> テキスト</p> <!-- / #sub --></div> <div id="footer"> <p> テキスト</p> <!-- / #footer --></div> CSSソース #header { height: 80px; } #main { float: left; width: 100%; } #inner { margin-left: 200px; } #sub { float: left; width: 200px; ma

第1章 (X)HTMLの基本法則 法則1 文書構造を的確に伝える要素でマークアップする 法則2 (X)HTML文書には適合するDTDに合わせた文書型宣言を行う 法則3 HTMLとXHTMLの違いを理解して正しいマークアップを行う 法則4 文字コードを正しく宣言して文字化けを防ぐ 法則5 XHTML文書では条件付きでXML宣言を省略できる 法則6 XHTML文書のメディアタイプは「application/xhtml+xml」が基本 法則7 id属性とclass属性を目的に応じて使い分ける 法則8 XHTML文書ではCSSやJavaScriptをできるかぎり外部ファイル化する 法則9 id属性、class属性の値はCSSセレクタの命名規則に合わせて指定する 法則10 XHTML文書の公開時にHTMLとの後方互換性を確保する 法則11 (X)HTML文書のコメントは正しく書く 法則12 インデン