タグ

CSSとTipsに関するommr29のブックマーク (3)

  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

  • サンプルダウンロード|Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。 公式サポートサイト

    第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文書ではCSSJavaScriptをできるかぎり外部ファイル化する 法則9 id属性、class属性の値はCSSセレクタの命名規則に合わせて指定する 法則10 XHTML文書の公開時にHTMLとの後方互換性を確保する 法則11 (X)HTML文書のコメントは正しく書く 法則12 インデン

  • よいCSS開発を行うための8のTIPS:phpspot開発日誌

    8 methods to bring your front end coding to rockstar levels | StylizedWeb.com よいCSS開発を行うための8のTIPSとして、当たり前かなと思うことから、なるほどというものがあったので以下にご紹介。 ・IDやクラス名にはより意味のあるものをつけよう たとえば、boxとかwrapperとかcontainerとかは一般的ですね。 一般的なものをつけておけばそれが何なのかすぐに分かるし、協業の際にも便利。 全体のラッパー以外にも、headerとか、content とか footer とか固定で使っておくと一貫性が出ていい感じですね。 まあ当たり前の人には当たり前なテクニックかも。 ・閉じコメントをつけて構造を分かりやすく <div id="header" class="section"> <div id="header-

  • 1