Projeto: Vermelho
logs of development
2013.08.19 Monday
author : スポンサードリンク
スポンサーサイト
一定期間更新がないため広告を表示しています
| - | | - | -
2012.03.21 Wednesday
author :
Atsu Sacaqui
Pinterestっぽいレイアウト(CSS)
http://kachibito.net/web-design/pintarest-like-layout.html
Tweet
|
CSS
|
00:43
|
comments(1)
|
trackbacks(0)
2007.05.12 Saturday
author :
Atsu Sacaqui
特定のブロックレベル要素のみもしくはその中のインライン要素のみを修飾する
子孫セレクタを使う(セレクタの組み合わせ)
例.
<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タグにも適用するには…
続きを読む >>
Tweet
|
CSS
|
14:19
|
comments(0)
|
trackbacks(0)
2007.05.12 Saturday
author :
Atsu Sacaqui
インライン要素に部分的な修飾をかけるには…
指定先の書式は、例えば…
*.bigfont ( font-size: x-large; )
注意1:「*#bigfont ( ... )」とすると、1ページ内に1回のみ利用できる.
注意2:「*」をセレクタに適用すれば、指定要素をすべてのタグに適用できる.
タグの書式は、例えば…
<font class="bigfont">テキスト</font>
Tweet
|
CSS
|
13:44
|
comments(0)
|
trackbacks(0)
2007.05.12 Saturday
author :
Atsu Sacaqui
SPANとDIV
<DIV>-</DIV>
ブロックレベル要素にCSSを適用するためのタグ.ほとんどのブロックレベル要素を収容できる.
<SPAN>-</SPAN>
インライン要素にCSSを適用するためのタグ.特定の文字列を囲って修飾したいときなどに使う.
ただし、MYCOM「HTML/XHTML+CSS例解スタイル辞典」(p145)によれば、適用できないブラウザもある.
<DIV>と<SPAN>の違い
Tweet
|
CSS
|
13:20
|
comments(0)
|
trackbacks(0)
Page:
1/1
(C) 2024
ブログ JUGEM
Some Rights Reserved.
Powered by "JUGEM"
▲このページの先頭へ
Search this site.
管理者ページ
PROFILE
Atsu Sacaqui
CATEGORIES
CSS
(4)
cucumber
(2)
Editor
(1)
FC_BIND
(4)
FC_General
(13)
FC_MAIL
(4)
FC_MySQL
(13)
FC_SSH
(1)
FC_WEB
(8)
Heroku
(3)
HTML
(1)
IDE_aptana
(8)
Linux_General
(5)
mongoDB
(4)
OSX_General
(1)
Pg_Rails
(46)
Pg_Ruby
(9)
Pg_Ruby_Board0704
(3)
Pg_Ruby_CGI
(9)
Pg_Ruby_Coding
(4)
WebAPP_OPENPNE
(4)
WebAPP_Pukiwiki
(3)
XOOPSCube
(1)
LINKS
ColorChart
Linuxコマンド逆引き大全 Index
Linuxコマンド集 INDEX
Emacs 初心者のための最低限のコマンド表
Vi機能別主要コマンドリファレンス
Pookmark
CALENDAR
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<<
March 2024
>>
SELECTED ENTRIES
Pinterestっぽいレイアウト(CSS)
(03/21)
特定のブロックレベル要素のみもしくはその中のインライン要素のみを修飾する
(05/12)
インライン要素に部分的な修飾をかけるには…
(05/12)
SPANとDIV
(05/12)
ARCHIVES
May 2012
(9)
April 2012
(8)
March 2012
(5)
February 2012
(2)
January 2012
(2)
December 2011
(4)
November 2011
(10)
October 2011
(10)
August 2011
(4)
July 2011
(7)
August 2008
(1)
June 2008
(11)
May 2008
(4)
April 2008
(6)
December 2007
(6)
November 2007
(13)
September 2007
(7)
August 2007
(2)
July 2007
(11)
June 2007
(4)
May 2007
(17)
April 2007
(23)
February 2007
(1)
January 2007
(6)
December 2006
(4)
November 2006
(2)
July 2006
(2)
モバイル
SPONSORED LINKS
管理者ページ
RSS1.0
Atom0.3