Last updated Feb 13, 2010
-
CSSインライン
インラインスタイル
要素にCSSを適用し、最も直接的な単純な方法は、 スタイル属性としてタグ自体にそれを書くことですstyle="..." 。 CSSスタイルをこの方法で適用される他のスタイル定義よりも、彼らは、既存のスタイルが上書きされますつまり、最優先している。なぜなら、HTML要素に直接セレクタのCSSを適用している必要はありません 。
インラインCSS
<p style="border:2px solid lime">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed enim. Morbi quis augue. Sed nec augue.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>
使用方法のガイドライン
1。使用して、できるだけ小さい
私たちのプレゼンテーションから別のコンテンツをしようとしていることを忘れ？インラインスタイルは正反対です。彼らを維持することは困難ですあなたのコードをその場しのぎのよ彼らは非効率的だ。 CSSのみのスタイルのいくつかの簡単なテストや例外がスタイルだけを特定の場所で使用されるとどこも、ホームページ上のために使用します。
2。二重引用符を使用しないでください
ため、二重引用符は既に起動して、style属性の終了を示すために別の二重引用符が使われている間に突然CSSの指示に従って終了してしまう。使用して、 単一引用符の代わりに。 <p style="font-family:'trebuchet ms'"> OKをはなく、 <p style="font-family:"trebuchet ms""> 。