Projeto: Vermelho

logs of development
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | -
Pinterestっぽいレイアウト(CSS)
 
http://kachibito.net/web-design/pintarest-like-layout.html
| CSS | 00:43 | comments(1) | trackbacks(0)
特定のブロックレベル要素のみもしくはその中のインライン要素のみを修飾する
子孫セレクタを使う(セレクタの組み合わせ)

例.
<div id="blue">
<p>今日もでした</p> #ここは青にしたい
</div>
<div id="red">
<p>今日もでした</p> #ここは赤にしたい
</div>

同じ段落タグpで囲っていても、異なる修飾をする必要がある.
その場合のセレクタは…

div#blue p ( font-color:blue;)
div#red p ( font-color:red;)
※id属性なので、ページ内で1回のみ適用可能

さらに、emタグにも適用するには…
続きを読む >>
| CSS | 14:19 | comments(0) | trackbacks(0)
インライン要素に部分的な修飾をかけるには…
指定先の書式は、例えば…
*.bigfont ( font-size: x-large; )
注意1:「*#bigfont ( ... )」とすると、1ページ内に1回のみ利用できる.
注意2:「*」をセレクタに適用すれば、指定要素をすべてのタグに適用できる.

タグの書式は、例えば…
<font class="bigfont">テキスト</font>
| CSS | 13:44 | comments(0) | trackbacks(0)
SPANとDIV
<DIV>-</DIV>
ブロックレベル要素にCSSを適用するためのタグ.ほとんどのブロックレベル要素を収容できる.
<SPAN>-</SPAN>
インライン要素にCSSを適用するためのタグ.特定の文字列を囲って修飾したいときなどに使う.ただし、MYCOM「HTML/XHTML+CSS例解スタイル辞典」(p145)によれば、適用できないブラウザもある.

<DIV>と<SPAN>の違い
| CSS | 13:20 | comments(0) | trackbacks(0)