2003年11月27日

CSSについてその2

その2です。

今回は、CSSの書き方について、前回よりも、もう少しつっこんだ説明をします。

まず、セレクタについて
セレクタには、基本セレクタ、IDセレクタ、classセレクタ、疑似クラスの4種類があります。
ちなみに、現在Seesaa BLOGで使ってるのは、基本セレクタ、IDセレクタ、classセレクタの3種類です。
なので、この3種類の説明をします。
・基本セレクタ
<H1>や<A>などの要素になります。
たとえば、<H1>要素をスタイルシートに設定すると、HTMLファイル内にある、<H1>全てにスタイルシートの内容が反映されます。
例:
H1 {color:#000000;}
HTMLでの記述
<H1>SeesaaBLOGについて</H1>

・IDセレクタ
ID属性を設定した要素に対し、スタイルシートを適用します。
ただし、一つの文章のなかで、複数IDセレクタを設定することはできないので、注意して下さい。
IDセレクタを設定する場合、セレクタ名の前に「#」をつけます。

#contents{border:10px;}
HTMLでの記述
<DIV id="contents">

・classセレクタ
class属性を設定した要素に対し、スタイルシートを適用します。
複数の要素に対し、同じスタイルを設定する際に使用します。
classセレクタを設定する場合、セレクタ名の前に「.」をつけます。

.text{font-size:12px;}
HTMLでの記述
<SPAN class="text">テキストテキスト</SPAN>
posted by スタッフ2号 at 18:42| 沖縄 ☀| Comment(6) | TrackBack(27) | スタイルシート | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
スタイルシートについてとても勉強になりました。
有難うございました。
Posted by 儲かるブログ作り「SEO/AdSense攻略」 at 2006年10月15日 07:49
勉強になりなした
Posted by RSSについて at 2006年10月15日 08:14
勉強になりました
Posted by RSSについて at 2006年10月15日 08:15
海外からのいたずら酷いですね。
Posted by SEO at 2006年10月15日 08:37
参考にさせていただきました
Posted by スマートプライシング機能 at 2006年10月15日 08:58
もう更新してないんですかね?
Posted by Google at 2006年10月15日 08:59
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:


この記事へのトラックバック

Blog開発日記
Excerpt: 現在見てる人:5人 今日:5人 昨日:95人 全:100人 ( ・∀・)つ〃∩ ヘェーヘェーヘェー はてなアンテナ - ベンチャー社長ウェブログアンテナ ITベンチャー社長たちの..
Weblog: PukiWiki/TrackBack 0.1
Tracked: 2004-06-11 01:29

CSSカスタマイズ
Excerpt: ブログテンプレートをクリスマスバージョンから年末年始以降の冬バージョンへ変更。門松とか日の出とか雪だるまとかあったけれど、とりあえず牡丹。 テンプレート変更って別に難しい事じゃないのだが、私の場合テ..
Weblog: 日々是精進するのみ。
Tracked: 2004-12-27 22:16

hunks australian sex toys familyorgies free indian porn sites
Excerpt: Hi
Weblog: teen panties 01/12
Tracked: 2005-12-02 08:57

cum shots
Excerpt: <a href="http://shtirliz.dynu.net/cumshot/increase-sperm-count.html">blow</a> gag <a href="http://shtirliz.dynu.net/cumshot/jeeves-sucks-dick.html">blow job</a> spankings <a href="http://shtirliz.dynu.net/cumshot/strep-throat-symptoms.html">cumshots</a> bizarre sex <a href="http://shtirliz.dynu.net/cumshot/ash-sucks-misty.html">heather i deep throat</a> sex slaves <a href="http://shtirliz.dynu.net/cumshot/gagging-blowjob.html">blow</a> close up puss..
Weblog:
Tracked: 2005-12-17 13:26

young pussy
Excerpt: <a href="http://www.cermac.it/wwwboard/messages/34442.html">prego</a> incest <a href="http://www.cermac.it/wwwboard/messages/34444.html">pregnant girls</a> family incest galleries <a href="http://www.cermac.it/wwwboard/messages/34451.html">black and white photos</a> young girls <a href="http://www.cermac.it/wwwboard/messages/34453.html">black dicks w..</a>
Weblog:
Tracked: 2005-12-17 15:31

squirting
Excerpt: <a href="http://circlerise.is-a-geek.com/handjob/big-dildo-insertions.html">women masturbating</a> free hentai <a href="http://circlerise.is-a-geek.com/handjob/dildo-lesbian-pictures.html">girls fingering themselves</a> g-spot <a href="http://circlerise.is-a-geek.com/handjob/ebony-dildo.html">handjob</a> final fantasy hentai <a href="http://circlerise.is-a-geek.com/handjob/handjob-stories.html">handjo..</a>
Weblog:
Tracked: 2005-12-17 17:12

rape
Excerpt: <a href="http://placetogo.homelinux.net/pregnant/pregnant-belly.html">9 months pregnant</a> fucking <a href="http://placetogo.homelinux.net/pregnant/pregnant-belly-gallery.html">pregnant pussy</a> secretary stockings <a href="http://placetogo.homelinux.net/pregnant/bare-pregnant.html">pregnant teens</a> pregnant belly <a href="http://placetogo.homelinux.net/pregnant/preggo-porn.html">pregnant ..</a>
Weblog:
Tracked: 2005-12-17 17:12

animal porn
Excerpt: <a href="http://pealdream.dynamicdns.me.uk/animal-sex/trojan-horse-virus.html">horse fuck</a> horse blowjobs <a href="http://pealdream.dynamicdns.me.uk/animal-sex/dog-blowjob.html">dog sex</a> horse suck <a href="http://pealdream.dynamicdns.me.uk/animal-sex/irish-horse-riding.html">horse sex</a> farm sex <a href="http://pealdream.dynamicdns.me.uk/animal-sex/rare-dog-breeds.html">beauty and the beast</a> endangered anim..
Weblog:
Tracked: 2005-12-17 17:18

fat sex
Excerpt: <a href="http://blueyoung.dynu.net/teen-girls/russian-teen-model.html">teen pussy</a> tickle torture <a href="http://blueyoung.dynu.net/teen-girls/teen-underwear.html">sexy teens</a> fat tits <a href="http://blueyoung.dynu.net/teen-girls/chubby-teen.html">teen thongs</a> spanking <a href="http://blueyoung.dynu.net/teen-girls/nudist-teens.html">teens</a> teen nude <a href="http://blueyoung.dynu.net/teen-girls/teen-girls-posing-in-bras.html">nude teens</a> thick ..
Weblog:
Tracked: 2005-12-17 17:18

dog sex
Excerpt: <a href="http://farleader.is-a-geek.com/horse-sex/man-fucking-horse.html">zoophilia</a> beauty and the beast <a href="http://farleader.is-a-geek.com/horse-sex/free-beastiality-porn.html">horse suck</a> dog breeds <a href="http://farleader.is-a-geek.com/horse-sex/cute-animal-pictures.html">zoophilia</a> animal sex with human <a href="http://farleader.is-a-geek.com/horse-sex/huge-horse-cocks.html">horse cocks</a> ani..
Weblog:
Tracked: 2005-12-17 17:54

latina girls
Excerpt: <a href="http://tomschaudel.com/wwwboard/messages/2257.html">interracial fucking</a> milf hunter movies <a href="http://tomschaudel.com/wwwboard/messages/2258.html">interracial porn</a> interracial movie clips <a href="http://tomschaudel.com/wwwboard/messages/2259.html">black and white phot..</a>
Weblog:
Tracked: 2005-12-17 18:34

gay guys
Excerpt: <a href="http://aspalety.is-a-geek.com/latina/hot-latinas.html">latina booty</a> gays <a href="http://aspalety.is-a-geek.com/latina/latina-babes.html">8th street latinas</a> gay boy <a href="http://aspalety.is-a-geek.com/latina/latina-booty.html">latina babes</a> hot hunks <a href="http://aspalety.is-a-geek.com/latina/latinas-with-huge-tits-and-ass.html">latina porn</a> free gay pics <a href="http://aspalety.is-a-geek.com/latina/latin-babes.html">latino..</a>
Weblog:
Tracked: 2005-12-17 19:43

big ass
Excerpt: <a href="http://www.sfl.se/wwwboard/messages/1306.html">ass teen</a> rape video <a href="http://www.sfl.se/wwwboard/messages/1307.html">anal</a> gang bang squad <a href="http://www.sfl.se/wwwboard/messages/1308.html">butt</a> black on white <a href="http://www.sfl.se/wwwboard/messages/1309.html">ass fucking</a> next door nikki <a href="http://www.sfl.se/wwwboard/messages/1323.html">gay men</a> mar..
Weblog:
Tracked: 2005-12-17 19:50

hot teens
Excerpt: <a href="http://selfmeet.is-a-geek.com/milf/milf-crusier.html">milf</a> oops <a href="http://selfmeet.is-a-geek.com/milf/milf-explorer.html">milf seeker</a> nipple slip <a href="http://selfmeet.is-a-geek.com/milf/milf-bangers.html">milf hunter videos</a> big nipples <a href="http://selfmeet.is-a-geek.com/milf/milf-hunter-harley.html">mature babes</a> beautiful breast <a href="http://selfmeet.is-a-geek.com/milf/saskia-milf.html">milf ..</a>
Weblog:
Tracked: 2005-12-17 20:07

office girls
Excerpt: <a href="http://unprettyme.homelinux.net/shemale/sheboys.html">asian shemales</a> trannys <a href="http://unprettyme.homelinux.net/shemale/dominant-shemale.html">trannies</a> shemale clip <a href="http://unprettyme.homelinux.net/shemale/tranny-anal.html">transvestites</a> hot secretary <a href="http://unprettyme.homelinux.net/shemale/well-hung-shemales.html">shemale hentai</a> secretaries ..
Weblog:
Tracked: 2005-12-17 20:30

flashers
Excerpt: <a href="http://ata-in.org/wwwboard/messages/21.htm">sex in public</a> free private voyeur <a href="http://ata-in.org/wwwboard/messages/23.htm">public</a> hot milfs <a href="http://ata-in.org/wwwboard/messages/25.htm">college girls flashing</a> lesbian cheerleaders <a href="http://ata-in.org/wwwboard/messages/27.htm">sex i..</a>
Weblog:
Tracked: 2005-12-18 00:55

big dick
Excerpt: <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/18424.html">gang rape</a> sex with animals <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/18425.html">free rape stories</a> hairy cunts <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/18426.html">violent femmes</a> bdsm stories <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/18427.html">lesbian rape</a> fr..
Weblog:
Tracked: 2005-12-18 01:21

hunks
Excerpt: <a href="http://www.goodnews-weekly.com/wwwboard/messages/3002.html">asain + gay + thumbs</a> twink <a href="http://www.goodnews-weekly.com/wwwboard/messages/3003.html">gay</a> asain + gay + thumbs <a href="http://www.goodnews-weekly.com/wwwboard/messages/3004.html">free gay porn</a> gay chat <a href="http://www.goodnews-weekly.com/wwwboard/messages/3005.html">gay boy</a> gay fuck <a href="http://www.goodnews-weekly.com/wwwboard/messages/3006.html">hot hunk..</a>
Weblog:
Tracked: 2005-12-18 09:52

latina ass
Excerpt: <a href="http://www.saltycat.com/wwwboard/messages/1064.html">gay incest</a> rape fantasy <a href="http://www.saltycat.com/wwwboard/messages/1066.html">father and son</a> hairy pussy <a href="http://www.saltycat.com/wwwboard/messages/1068.html">mom and son</a> latina babes <a href="http://www.saltycat.com/wwwboard/messages/1070.html">incest porn</a> incest sex s..
Weblog:
Tracked: 2005-12-18 14:27

huge cocks
Excerpt: <a href="http://sugarmoon.topcities.com/wwwboard/423.html">black or white</a> horse cocks <a href="http://sugarmoon.topcities.com/wwwboard/424.html">black and white photography</a> voyeur web <a href="http://sugarmoon.topcities.com/wwwboard/425.html">interracial dating</a> foursome <a href="http://sugarmoon.topcities.com/wwwboard/426.html">interr..</a>
Weblog:
Tracked: 2005-12-18 18:39

tights
Excerpt: <a href="http://www.ussgurke.org/wwwboard/messages/81030.html">lingerie models</a> male ejaculation <a href="http://www.ussgurke.org/wwwboard/messages/81033.html">stockings</a> scat pictures <a href="http://www.ussgurke.org/wwwboard/messages/81035.html">black stockings</a> young teens flashing thongs..
Weblog:
Tracked: 2005-12-18 19:09

triple fisting
Excerpt: <a href="http://www.watchwise.net/bbs/messages/50034.html">free public records</a> ass parade <a href="http://www.watchwise.net/bbs/messages/50035.html">public sex</a> ass to mouth <a href="http://www.watchwise.net/bbs/messages/50036.html">exhibitionism</a> gays <a href="http://www.watchwise.net/bbs/messages/50037.html">public records</a> gay <a href="http://www.watchwise.net/bbs/messages/50039.html">nude in..</a>
Weblog:
Tracked: 2005-12-19 10:09

outdoor sex
Excerpt: <a href="http://www.hedge-hog.com/bbs/pennystockmessages/25585.html">public</a> flashers <a href="http://www.hedge-hog.com/bbs/pennystockmessages/25586.html">sex in public</a> mardi gras girls <a href="http://www.hedge-hog.com/bbs/pennystockmessages/25587.html">spring break flashers</a> public nudity <a href="http://www.hedge-hog.com/bbs/pennystockmessages/25588.html">free public recor..</a>
Weblog:
Tracked: 2005-12-19 10:09

dildo
Excerpt: <a href="http://www.eiu.edu/~eng1002/discuss/messages/14746.html">huge tits</a> nipple slip <a href="http://www.eiu.edu/~eng1002/discuss/messages/14747.html">breast</a> teen feet <a href="http://www.eiu.edu/~eng1002/discuss/messages/14748.html">blow</a> voyeur web <a href="http://www.eiu.edu/~eng1002/discuss/messages/14749.html">huge boobs</a> blowjobs <a href="http://www.eiu.edu/~eng1002/discuss/messages/14750.html">breasts</a> private voyeur <a href="http://www.eiu.edu/~eng1002/discuss/messages/14751.html">pu..</a>
Weblog:
Tracked: 2005-12-19 10:09

lesbians Delhi fisting pyrometry
Excerpt: Hi
Weblog: consignor 04/01
Tracked: 2006-01-04 11:02

http://netfindrx.com
Excerpt: CSS2
Weblog: Marcus Fredriksson
Tracked: 2006-02-05 17:31

adult dvd downloads
Excerpt: CSSについてその2
Weblog: adult dvd downloads
Tracked: 2006-12-22 16:53
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。