2003年12月03日

CSSについてその3

今回は、seesaaブログで使っている属性を簡単に説明します。
(とりあえず、一部紹介させて頂きます。)

■段落系
・margin
段落と段落との間隔を設定します。
margin:5px;
この場合は、上下左右均等に5pxと設定しています。
それぞれ異なる値を設定する場合は、
margin:1px 2px 3px 4px;
のように、上、右、下、左の設定を行います。
ちなみに、
margin-topって、設定で個々に行うのもOKです。
・padding
段落の枠線と段落の内容との間隔を設定します。
padding:5px;
この場合は、上下左右均等に5pxと設定しています。
それぞれ異なる値を設定する場合は、
padding:1px 2px 3px 4px;
のように、上、右、下、左の設定を行います。
ちなみに、
paddingtopって、属性名で個々に行うのもOKです。
・width
段落の横幅の設定を行っています。
wodth:560px;
ちなみに、
・border
段落の枠線を設定するのに使用しています。
一括で指定する場合は、
border:2px dotted #000000;
こんな感じで、線の太さ、線種、線の色を指定します。
上下左右の設定を個別にする場合は、
border-top、border-bottom、border-left、border-right
で個別に設定します。
・position
段落の表示位置を設定しています。
Seesaaブログでは、absoluteという値を使って、絶対位置で配置するようにしています。
position:absolute;left:10px;top:5px;
ただし、この属性を使うと、IEで文章のコピーができないってバグがあります。
※現在変更を検討中です。

■文字系
・font-weight
文字の太さの設定を行っています。
font-weight:normal;
・font-size
文字の大きさの設定を行っています。
font-size:100%;
・font-family
フォントの指定を行っています。
font-family: Arial, Helvetica, sans-serif;
・color
文字の色を設定しています。
color:#FF9966;


posted by スタッフ2号 at 21:29| 沖縄 ☀| Comment(10) | TrackBack(35) | スタイルシート | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
CSSの説明、わかりやすくて助かります。
ところで、このトラックバックのところをクリックすると
文字が重なって見えるのは私だけですか?
absoluteか背景の処理などにバグがあるのでしょうか。
それともCSSの設定が悪いだけ??
Posted by naska at 2003年12月04日 15:40
CSSの説明、わかりやすくて助かります。
ところで、このトラックバックのところをクリックすると
文字が重なって見えるのは私だけですか?
absoluteか背景の処理などにバグがあるのでしょうか。
それともCSSの設定が悪いだけ??
Posted by naska at 2003年12月04日 15:41
ごめんなさい、電波状態が悪くて重複してしまいました。
Posted by naska at 2003年12月04日 15:43
トラックバックの件
申し訳ありませんでした。
ブラウザごとにちゃんとチェックしていませんでした。。。

こういう記事をかきながら、ミスしていたらだめですね。。

今後、このような事のないよう注意します。
Posted by スタッフ2号 at 2003年12月04日 23:05
修正しました。

修正方法は、
bodyのmarginを0pxに、bannerのmarginも0pxに、それで、trackbackのmarginを10pxにしました。

この方法だったら、comentsも、marginで配置できるようになるんじゃないかと思います(まだ、未確認です。すいません)。

そうすると、文章のコピーもWinのIE6でも問題なくできるようになると思います。
Posted by スタッフ2号 at 2003年12月04日 23:47
色々勉強になりました。
Posted by SEO対策チェックツール at 2006年10月15日 07:53
seesaaのcssについて詳しく説明しているサイトはあまり無いので参考になりました。
Posted by 儲かるブログ作り「SEO/AdSense攻略」 at 2006年10月15日 08:19
参考になりました
Posted by SEOとGoogleのページランクアップ at 2006年10月15日 08:57
http://pharma-en-casa.info/strattera/de/strattera-side-effects.html strattera Nebenwirkungen<br>http://pharma-en-casa.info/vermox/pt/vermox-mebendazole.html mebendazole do vermox<br>http://pharma-en-casa.info/cardura/de/ cardura<br>http://pharma-en-casa.info/phentermine/it/buy-phentermine.html comprare il phentermine<br>http://pharma-en-casa.info/temazepam/en/ temazepam<br>http://pharma-en-casa.info/temazepam/it/restoril-temazepam.html temazepam del restoril<br>http://pharma-en-casa.info/effexor/en/ effexor<br>http://pharma-en-casa.info/metformin/it/metformin-side-effects.html effetti secondari di metformin<br>http://pharma-en-casa.info/gemfibrozil/de/gemfibrozil-side-effects.html gemfibrozil Nebenwirkungen<br>http://pharma-en-casa.info/gemfibrozil/es/gemfibrozil-side-effects.html efectos secundarios del gemfibrozil<br>http://pharma-en-casa.info/gemfibrozil/fr/gemfibrozil-medication.html m馘icament de gemfibrozil<br>http://pharma-en-casa.info/nexium/it/ nexium<br>http://pharma-en-casa.info/nexium/it/nexium-side-effects.html effetti secondari di nexium<br>http://pharma-en-casa.info/cyclobenzaprine/pt/cyclobenzaprine-hcl.html hcl do cyclobenzaprine<br>http://pharma-en-casa.info/levaquin/de/ levaquin<br>http://pharma-en-casa.info/levaquin/fr/ levaquin<br>http://pharma-en-casa.info/lorazepam/es/ativan-lorazepam.html lorazepam ativan<br>http://pharma-en-casa.info/lorazepam/fr/link-lorazepam.html lorazepam de lien<br>http://pharma-en-casa.info/nasacort/fr/nasacort-side-effects.html effets secondaires de nasacort<br>http://pharma-en-casa.info/accolade/fr/accolade-body-kit.html kit de corps d\\\\\\\'accolade<br>http://pharma-en-casa.info/meclizine/pt/meclizine-hcl.html hcl do meclizine<br>http://pharma-en-casa.info/meclizine/pt/meclizine-side-effects.html efeitos laterais do meclizine<br>http://pharma-en-casa.info/skelaxin/de/skelaxin-side-effects.html skelaxin Nebenwirkungen<br>http://pharma-en-casa.info/flomax/en/flomax-side-effects.html flomax side effects<br>http://pharma-en-casa.info/flomax/es/ flomax<br>http://pharma-en-casa.info/amaryl/pt/ amaryl<br>http://pharma-en-casa.info/valium/pt/buy-valium.html comprar o valium<br>http://pharma-en-casa.info/lamisil/fr/ lamisil<br>http://pharma-en-casa.info/lamisil/it/lamisil-cream.html crema di lamisil<br>http://pharma-en-casa.info/lamisil/pt/lamisil-cream.html creme do lamisil
Posted by strattera at 2006年11月17日 06:12
グッチ シマ
Posted by 男性水着 at 2013年07月17日 03:18
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/1302

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

2-CSS(スタイルシート)設定1
Excerpt: ブログ設定画面の設定が終わったら次はいよいよCSSをいじります。 こんなことを書き綴っていながら実は専門的に詳しいわけでは ないのであんまし突っ込まないでね(^^*) 2-タイトルのデザイン変更  ..
Weblog: semoga mimpi indah
Tracked: 2004-02-29 18:13

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

asian anali orgie reality softcore lesbians
Excerpt: Hi
Weblog: bear gay photo trucker 04/12
Tracked: 2005-12-04 18:55

tramadol picture
Excerpt: CSS3
Weblog: Fatton Marie France
Tracked: 2005-12-15 21:32

fat joe
Excerpt: <a href="http://anekdot.dynu.net/bbw/girlfriend-plump.html">fat girls</a> lesbian strap on <a href="http://anekdot.dynu.net/bbw/spikes-bbw-omega.html">calories pound of fat</a> fat women <a href="http://anekdot.dynu.net/bbw/plump-belly-girls.html">chubby</a> calories pound of fat <a href="http://anekdot.dynu.net/bbw/thin-waist-thick-thighs.html">fat pussy</a> th..
Weblog:
Tracked: 2005-12-17 13:27

latin girls
Excerpt: <a href="http://morereal.dynu.net/incest/mother-fuckimg-son.html">mom son</a> incest sex stories <a href="http://morereal.dynu.net/incest/incest-drawing.html">incest sex stories</a> latin <a href="http://morereal.dynu.net/incest/incest-family-brady-taboo.html">incest sex stories</a> incest art <a href="http://morereal.dynu.net/incest/father-daughter-fuck-fest.html">father and son</a> inc..
Weblog:
Tracked: 2005-12-17 13:27

pussy fisting
Excerpt: <a href="http://www.dr-evans.com/kettkatt/wwwboard/messages/6554.html">latina lesbians</a> glass dildo <a href="http://www.dr-evans.com/kettkatt/wwwboard/messages/6556.html">hot latinas</a> fist fuck <a href="http://www.dr-evans.com/kettkatt/wwwboard/messages/6558.html">latin</a> latin sex <a href="http://www.dr-evans.com/kettkatt/wwwboard/messages/6560.html">latina teens</a> rabbit vibrator <a href="http://www.dr-evans.com/kettkatt/wwwboard/messages/6562.html">latin..</a>
Weblog:
Tracked: 2005-12-17 15:33

teen girls in thongs
Excerpt: <a href="http://maximabble.dns2.us/teen-girls/portfolio-teen-model.html">teen girls</a> teen <a href="http://maximabble.dns2.us/teen-girls/swedish-teens.html">teen porn</a> spy <a href="http://maximabble.dns2.us/teen-girls/girls-teen-wearing-a-diaper.html">teen lesbians</a> black milf <a href="http://maximabble.dns2.us/teen-girls/a-cup-teen-breasts.html">ass teen</a> young teens <a href="http://maximabble.dns2.us/teen-girls/teen-webcam-galleries.html">teen</a> young teens <a href="http://maximabble.dns2.us/teen-girls/hot-teens-in-micro-thongs.html">teens f..</a>
Weblog:
Tracked: 2005-12-17 17:13

vibrator
Excerpt: <a href="http://www.anycities.com/solange/wwwboard/1977.html">voyeur</a> free cartoon porn <a href="http://www.anycities.com/solange/wwwboard/1978.html">celebrities upskirt</a> big girls <a href="http://www.anycities.com/solange/wwwboard/1979.html">project voyeur</a> digimon hentai <a href="http://www.anycities.com/solange/wwwboard/1980.html">spring break gi..</a>
Weblog:
Tracked: 2005-12-17 17:44

adult sex toys
Excerpt: <a href="http://www.a3.com/cgi/board/message6/50901.htm">brutal dildo</a> gay teens <a href="http://www.a3.com/cgi/board/message6/50902.htm">sex toy</a> young breasts <a href="http://www.a3.com/cgi/board/message6/50903.htm">dildo sex</a> sex at work <a href="http://www.a3.com/cgi/board/message6/50904.htm">lesbian dildo</a> hose <a href="http://www.a3.com/cgi/board/message6/50905.htm">double dildo</a> y..
Weblog:
Tracked: 2005-12-17 17:44

squirters
Excerpt: <a href="http://footperson.is-a-geek.com/p.s./camel-toe.html">bang bus</a> squirting women <a href="http://footperson.is-a-geek.com/p.s./bangbus.html">little april</a> women squirt when ejaculating <a href="http://footperson.is-a-geek.com/p.s./tawnee-stone.html">bang boat</a> female squirting <a href="http://footperson.is-a-geek.com/p.s./big-naturals.html">cumfi..</a>
Weblog:
Tracked: 2005-12-17 17:57

asian anal
Excerpt: <a href="http://rejected.dynu.net/sex-toys/girls-using-vibrators.html">sex toys</a> big women <a href="http://rejected.dynu.net/sex-toys/sex-toys-demonstration.html">dildo sex</a> heshe <a href="http://rejected.dynu.net/sex-toys/sister-caught-me-using-her-dildo.html">homemade sex toys</a> scat mpeg <a href="http://rejected.dynu.net/sex-toys/jack-rabbit-vibrator.html">lesbian dildo</a> pregnant women <a href="http://rejected.dynu.net/sex-toys/dildoes.html">vibrator..</a>
Weblog:
Tracked: 2005-12-17 19:45

big dick
Excerpt: <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/19375.html">ladyboy</a> hentai <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/19377.html">shemale galleries</a> pussy torture <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/19379.html">heshe</a> hot lingerie <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/19381.html">shemale</a> tranny sex <a href="http://info.med.yale.edu/mbb/bioch/wwwboard/messages/19383.html">trannies</a> notori..
Weblog:
Tracked: 2005-12-17 19:54

lesbian fisting
Excerpt: <a href="http://mademistake.homelinux.net/fisting/fisters.html">teen fisting</a> horse penis <a href="http://mademistake.homelinux.net/fisting/fistbang.html">teen fisting</a> full figure lingerie <a href="http://mademistake.homelinux.net/fisting/kung-pow-enter-the-fist.html">double fisting</a> horse fuck <a href="http://mademistake.homelinux.net/fisting/ty-fist-amazing.html">anal fist</a> sex w..
Weblog:
Tracked: 2005-12-17 20:15

horse fucking
Excerpt: <a href="http://nautilus.topcities.com/wwwboard/201.html">horse suck</a> animal porn <a href="http://nautilus.topcities.com/wwwboard/203.html">horse suck</a> horse fucking <a href="http://nautilus.topcities.com/wwwboard/205.html">bestiality</a> blowing a horse cock <a href="http://nautilus.topcities.com/wwwboard/210.html">horse cocks</a> animal f..
Weblog:
Tracked: 2005-12-18 00:14

elephantlist
Excerpt: <a href="http://badbear38.topcities.com/wwwboard/163.html">flashing spring break girls</a> latinos <a href="http://badbear38.topcities.com/wwwboard/165.html">upskirts</a> latin ass <a href="http://badbear38.topcities.com/wwwboard/167.html">totally spies porn</a> big naturals <a href="http://badbear38.topcities.com/wwwboard/169.html">upskirts</a> lati..
Weblog:
Tracked: 2005-12-18 01:24

shemale housewife
Excerpt: <a href="http://www.caravanenglish.com/students/wwwboard/messages/8638.html">uncut cocks</a> horse mating <a href="http://www.caravanenglish.com/students/wwwboard/messages/8640.html">hairy bush</a> farm sex for free <a href="http://www.caravanenglish.com/students/wwwboard/messages/8642.html">hairy</a> animal sex with human <a href="http://www.caravanenglish.com/students/wwwboard/messages/8644.html">bald beaver</a> horse ..
Weblog:
Tracked: 2005-12-18 10:26

big tits
Excerpt: <a href="http://ostfront.topcities.com/wwwboard/382.html">blow</a> oops <a href="http://ostfront.topcities.com/wwwboard/384.html">tits</a> cartoon sex <a href="http://ostfront.topcities.com/wwwboard/386.html">busty</a> tranny girls <a href="http://ostfront.topcities.com/wwwboard/388.html">blow</a> big women <a href="http://ostfront.topcities.com/wwwboard/390.html">huge tits</a> big booty black girls shaking..
Weblog:
Tracked: 2005-12-18 15:34

whipping
Excerpt: <a href="http://www.bugieonline.it/wwwboard/messages/57017.html">9 months pregnant</a> getting pregnant <a href="http://www.bugieonline.it/wwwboard/messages/57019.html">beautiful pregnant bellies</a> shemale housewife <a href="http://www.bugieonline.it/wwwboard/messages/57022.html">getting pregnant</a> squ..
Weblog:
Tracked: 2005-12-18 17:45

interracial relationships
Excerpt: <a href="http://www.sfl.se/wwwboard/messages/1841.html">huge cock</a> black and white photography <a href="http://www.sfl.se/wwwboard/messages/1842.html">huge tits</a> small tits <a href="http://www.sfl.se/wwwboard/messages/1843.html">big dicks</a> asian girl <a href="http://www.sfl.se/wwwboard/messages/1844.html">big naturals</a> white w..
Weblog:
Tracked: 2005-12-18 18:46

milf seeker
Excerpt: <a href="http://www.daystartechnology.com/wwwboard/messages/9990.shtml">hairy and natural</a> teen thongs <a href="http://www.daystartechnology.com/wwwboard/messages/9991.shtml">hairy pussy</a> mature moms <a href="http://www.daystartechnology.com/wwwboard/messages/9992.shtml">hairy bush</a> milf porn <a href="http://www.daystartechnology.com/wwwboard/messages/9993.shtml">hairy pussy</a> teens for cas..
Weblog:
Tracked: 2005-12-18 19:23

nip slip
Excerpt: <a href="http://www.daystartechnology.com/wwwboard/messages/10144.shtml">nipples</a> flasher <a href="http://www.daystartechnology.com/wwwboard/messages/10145.shtml">tits</a> spy sweeper <a href="http://www.daystartechnology.com/wwwboard/messages/10146.shtml">nipples</a> sex in public <a href="http://www.daystartechnology.com/wwwboard/messages/10147.shtml">huge boobs</a> flashing teen <a href="http://www.daystartechnology.com/wwwboard/messages/10148.shtml">huge tits</a> free voyeu..
Weblog:
Tracked: 2005-12-19 10:11

plump
Excerpt: <a href="http://www.itsmyroom.com/wwwboard/messages/5726.html">voyeur</a> camel toes <a href="http://www.itsmyroom.com/wwwboard/messages/5727.html">hidden cam</a> girl masturbating <a href="http://www.itsmyroom.com/wwwboard/messages/5728.html">celebrities upskirt</a> slaves <a href="http://www.itsmyroom.com/wwwboard/messages/5729.html">totally spies</a> women fuckin..
Weblog:
Tracked: 2005-12-19 11:44

incest porn
Excerpt: <a href="http://www.dushkin.com/discussions/wp/messages/232.html">brother sister sex</a> mom son <a href="http://www.dushkin.com/discussions/wp/messages/233.html">incest cartoons</a> latino babes <a href="http://www.dushkin.com/discussions/wp/messages/234.html">mom and son</a> lingerie <a href="http://www.dushkin.com/discussions/wp/messages/235.html">family incest galleries..</a>
Weblog:
Tracked: 2005-12-19 12:32

costa cruise line reviews
Excerpt: CSS3
Weblog: Luepke Sigird
Tracked: 2005-12-19 19:44

discount priced Ceramic Tile Murals
Excerpt: CSS3
Weblog: Sohams Morgin
Tracked: 2005-12-27 08:01

cheap emerald online
Excerpt: CSS3
Weblog: Niklas Jan Erik
Tracked: 2006-01-03 07:38

viagra purchase
Excerpt: CSS3
Weblog: Anna Maria Forsking
Tracked: 2006-01-04 12:00

xanax no consultation
Excerpt: CSS3
Weblog: Tina Degener
Tracked: 2006-01-08 14:54

meridia prices
Excerpt: CSS3
Weblog: Lars Ake Stahl
Tracked: 2006-01-08 18:22

side effects of alprazolam
Excerpt: CSS3
Weblog: Thomrle Regire
Tracked: 2006-01-10 14:27

http://sexy-find.com
Excerpt: CSS3
Weblog: Jan Ringedal
Tracked: 2006-01-13 02:34

phentermine tablets
Excerpt: CSS3
Weblog: Marianne Haag
Tracked: 2006-01-15 14:28

kdur
Excerpt: CSS3
Weblog: Niklas Jan Erik
Tracked: 2006-02-06 01:09

adult dvd movie wholesale
Excerpt: CSSについてその3
Weblog: adult dvd movie wholesale
Tracked: 2006-12-22 22:08
×

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