タグで、左等に余白を作りたいです

Question

現在ＦＣ２ブログを運営しており関係無いかも知れませんがブラウザはＦｉｒｅｆｏｘ３.５ですそれで、定期的にアップする記事が、あり毎回の設定が面倒なんでタグで工夫したいという質問です内容としては、ある程度文章の中に箇条書きで表現してる部分が、あるんですがその文章に対して、今迄はアップの度に、手動で…つまりスペースキーで余白を作り、アップして来ましたところが、それで実行すると莫大な時間が掛かる為タグで余白を作りたいという事なんです文章としては、こんな感じです尚、適当な文章が浮かばなかった為今回表現してる文章は、適当に入力しました ☆☆☆　☆☆☆　☆☆☆　☆☆☆ ☆☆☆　☆☆☆ 　　　おはよう御座います　　　こんにちは　　　こんばんは　　　さようなら　すいませんでした　申し訳御座いません　有難う御座いました ☆☆☆　☆☆☆　☆☆☆ ☆☆☆ 従って、文章全体で左側に、同じ余白を…という事じゃ、ありませんしまた、左右に余白を…でも、ありませんただ、今後は文章に対しても一部を除いてセルで囲もうと思ってますその例を紹介すると

おはよう御座いますこんにちはこんばんはさようなら

余談ですが、タグに詳しい方なら御存知だと思いますがこのセルの場合の部分で border=0の所に数字を入れると枠が出ますが０の設定だと、枠は見えませんからケースバイケースで使い分けようと思いました従って、今後はこのセルに対して個別に余白のタグを設定出来れば… と考えてますただ、自分でも調べたんですがこの様なタグしか見つからず http://siriasu.s10.xrea.com/HTML/body.htm 但し、上記ＨＰでは余白ゼロで設定してる為、応用と思いおはよう御座いますと入力したんですがどういう訳か反映出来ませんでした

naokita · Accepted Answer

見覚えのある質問者さんですね。こんばんは。うざいと言われるかもしれませんがまた回答させてもらいます。本来 table というのは、「表」の為に利用するので、レイアウト（見た目）のために文章を table 囲むのは間違ったHTMLです。 table は簡単な故、初心者は皆やりがちな事ですが・・・箇条書をするためにリスト＜ul＞＜li＞があります。

おはよう御座います
こんにちは
こんばんは
さようなら

とすれば、CSSが無い状態でも　　・おはよう御座います　　・こんにちは　　・こんばんは　　・さようならとなります。「・」を消したりスペースはCSSで微調整可能。文章構成の段落を作る為に＜ｐ＞があります。

おはよう御座います
こんにちは
こんばんは
さようなら

（ブログの改行設定で＜ＢＲ /＞か自動改行を利用。）とすれば、以下の様になります。3emが３文字分の左スペースって事です。　　　おはよう御座います　　　こんにちは　　　こんばんは　　　さようならつまり、文章に対して適切なマークアップをする事で、ユーザーエージェントに対しても適切な構造になるのです。（意味のあるマークアップで勝手にSEOにもなります）更に CSSにclass名で登録すれば、わざわざ、毎回タグを書く必要もありません。例えば、先の例の

これを

などとして（あくまで例です） CSSに .pale{padding-left:3em;} とすれば、左スペース３文字の場合には、毎回

を利用できるので効率も良くなります。かなりの分を制作してしまってから、３文字スペースではなく２文字スペースにすれば良かったと後から後悔するかもしれません。そんな時にでもCSSなら .pale{padding-left:3em;} と 3em の部分を 2emに変更するだけで一括で全箇所の変更が可能です。枠線や背景色、フォントサイズなどのデザインに関しても同様です。例のサイトの内容も非奨励タグばかりなので、その辺も踏まえ、基本を覚えなければ、過去の制作まで全て手直ししたり、遠回りになる事が多いのです。

naokita · Answer

NO.2.3です。お礼確認済み。
-----------------------------
em 指定の場合はフォントサイズに依存するので開き過ぎかどうかはデザイン次第。
em の微調整は小数点が必要。　0.2 とかのゼロ未満なら .2 だけで良い。
別に値なので、em にこだわらず、px でも pt でも良い。

em は１文字に対しての値なので、ブラウザのフォントサイズのみを表示変更された場合に、当然この隙間も自動的に縮小・拡大さる。
px の様に幅を固定するとフォントサイズのみで表示変更したとしても、
絶対値で指定しているので隙間は変化しない。
（ズーム縮小拡大の変更では変化したように見える）

「値」は、好みの問題もあるし、
どんな値が設定できるか調べてたり、実際に色々試してみましょう。

naokita · Answer

NO.2 です。　お礼拝見済み。 -------------------------- テーブルは、本来「表」なので文章の段落を作る為に利用するのは間違った利用方法って事です。 Excel に文章を流し込むようなものです・・・ただ、何を使おうが自分の自由なので、見た目だけ揃えれば良いとか手っ取り早く仕上げたい場合にはそれも「あり」かと思います。 CSSが普及していない時代にはデザインの為にテーブルを使っていましたから。 CSSならwidthで幅固定してジグソーパズルのようにはめ込むだけです。理解するまでが難しいかも知れませんが、慣れたら楽なので・・・昔と今のデザインの差がCSS普及の差です。 CSSがなければブログもこれほど普及しなかったでしょう。 WEBサイトを自由に綺麗に簡単に制作・回覧出来るように開発されのがCSSが使う使わないは本人の自由。パソコンや携帯電話を使わないのと同じかも。質問者さんがやりたいような事をすでに皆考えていて、W3CがCSSとして完成させましたので、やりたい事がほぼできるし便利なのです。 -------------------------------------------- ＞＜ul＞＜li＞・・・・・・

＞とのミックスでも使用出来るんですか？当然可能です。自由に表現可能。

おはよう
こんにちは
こんばんは
さような
1. 英語
2. 日本語
3. 中国語

　おはよう　　こんにちは　　　こんばんは　　　　さようなら　　　　　1.英語　　　　　2.日本語　　　　　3.中国語＞

以外のタグも存在するという事でしょうか？タグではなく、単なるidやクラスセレクタなので、勝手に名付け可能です。自分で合わせるだけ。他のCSSと絡まなければ、何処に貼っても良い。優先順位があるから注意。下の方が優先されるが、セレクタでそれよりも優先される場合は意味が無い。（該当セレクタを探して変更するの方が良い）わからなければ、!important指定でも良い。 blockquote.inyo{ background-color: yellow !important;} /* CSS */

引用

メモ帳で自分のパソコン環境保存（ローカル）でテスト表示してからブログにコピペすれば良いだけです。数分で出来ますので、「ホームページの作り方」などで検索しましょう。＞それを利用する場合は、御指摘のタグを使用するしか無いですそれは違います。何事も同じですが、現状で満足しているのなら学ぶ必要もありませんが、自由に表現したいのなら、ご自分で勉強するしかないのです。

noname#140925 · Answer

[参考]とほほのスタイルシート入門 http://www.tohoho-web.com/css/reference.htm#margin2 ☆☆☆　☆☆☆　☆☆☆　☆☆☆ ☆☆☆　☆☆☆

おはよう御座います
こんにちは
こんばんは
さようなら

すいませんでした
申し訳御座いません
有難う御座いました

☆☆☆　☆☆☆　☆☆☆ ☆☆☆

タグで、左等に余白を作りたいです

見覚えのある質問者さんですね。

この回答への補足

NO.2.3です。

NO.2 です。

[参考]とほほのスタイルシート入門

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング