CSS
無料お問合せはこちらから TEL 075-257-4588 営業時間 AM9:30~PM6:30

スタッフブログ | 2011年12月22日
スタッフブログ
2011年12月22日
 

margin指定を短縮して書く為には
今週は、前回ちょっとだけ触れたmarginの書き方について。
前回
------------------------
margin-left:auto;
margin-right:auto;
------------------------
と書いたものは
------------------------
margin:0px auto;
------------------------
と書けます、と書いていました。(前回の記事はこちらから
 
marginは書き方が何通りかあります。
覚えれば、何個も同じようなソースを書かなくてもよくなるので絶対便利ですよ!

まず、marginは4箇所指定できます。
top、bottom、right、left です。
上下左右を一気に指定したい場合
margin:数値;
と書いてやれば、上下左右同じ数値が入ります。

margin:20px

ですね。
でもこれでは『上と下はそんなに余白いらない・・・』なんていう場合困ってしまいます。
そんな時は、
margin:上下数値 左右数値;
と書いてやればいいのです。
上下数値と左右数値の間に半角スペースを入れて下さいね。
数値を区切ってやることで、指定を分けているのです。

margin:5px 20px;

こうすれは、上下は5px、左右は20px分の余白が指定されたことになります。
『いやいや、それぞれ違う数値を指定したいんだよ!』という場面のほうが実は多かったりします。
そんな時は、
margin:上数値 右数値 下数値 左数値;
と書いてやれば、それぞれ違う数値を指定してやれます。
上から順番に時計回りにまわっていくので覚えやすいと思います!

margin:2px 10px 5px 20px;

こうです。もしこれをちゃんと書こうと思ったら
------------------------
margin-top:2px;
margin-left:10px;
margin-bottom:5px;
margin-left:20px;
------------------------
と書かなければいけません。
書く量が明らかに増えてしまいますし、書くのが面倒くさいですよね!
これはpaddingもborderでもまったく同じように書く事が出来ます。
marginと同じように、下図のように時計回りに指定することができます。

margin padding borderを短縮して書くには!

絶対に便利!ですので、もし一つ一つ書いていたソースがあれば是非試してみてくださいね☆

ではまた次回!


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=334 |
| ソース(ホームページ)のレシピ by 委員長! | 07:51 PM | comments (x) | trackback (x) |

サイト内におけるブログ記事の書き方
前回まではメルマガのことを書いていましたが、顧客への情報発信としてもっと身近なブログについて、今回は書こうと思います。
ちなみに前回までの連載は
1:メールマガジンを発行しよう!
2:メールマガジンを作ろう!~その種類と大まかな内容~
3:メールマガジンを作ろう!~メルマガでの「いい文章」~
となっております。よろしければぜひ。


さてさて、ブログの書き方、ですね。
CMSがすっかり普及して、導入済みのサイトもとても多いです。

ただ、更新できるようにしたのはいいけど、思ったようには難しいなということもあるのです。
更新は簡単ですが、やりたいことによっては知識が必要になる、というわけですね。
ただどの場合に知識がいるかという判断をするには知識がいる…という。


ノーマルなテキストで更新していくことはできても、例えば画像をぴっちりと並べたいとか、表を作りたいとかいった時にはやっぱりタグの知識が必要になります。
CMSを入れていても、見栄えよく作るには技術が必要!
これはどのCMSでも同じで、もっといえばレンタルブログでも同じ。

簡単そうに見えて意外と難しいという操作もあります。
こんな風に表示させたいという希望はそれぞれ違ってくるものなので、小さなことでも相談していただけたらなと思います。
リュウムは講習も可能なので、お客様にぴったり合った知識を提供できます。


ブログについてはたくさんコツもあるので、また書いていきますね。SEO上もものすごく大切なコンテンツですし。
ではまた!


| http://www.ryuumu.co.jp/ryuumu/stuffblog/index.php?e=333 |
| ウェブクリエイター細腕繁盛記!ホームページ作成のツボ | 10:45 AM | comments (x) | trackback (x) |
 

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページ制作の事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM9:30-PM6:30

無料お問合せはこちらから TEL 075-257-4588 営業時間 AM10:00~PM7:00

スタッフブログ | 2011年12月22日
CSS