見出しタグ <h> の行間設定

見出しタグ<h>は、デフォルトの設定で<h>タグの下に、１行分のスペースが空いてしまいます。

それを操作するにはcssで、

h1 { margin:0px; }

にしてあげると、スペースができません。

SOHO 住宅ワーク リンク集

ちょっとしたお仕事がしたい、おこずかいを貯めたい、という方に是非お勧めです。
始めたことのない方も無料で会員になれるところが多いので、試してみてはどうでしょうか？

つづきはこちら

学ぶ

ウェブ・ブログを習得する方法には、色々あると思います。独学で学ぶ、学校に通う、通信を使う .. 等。職業としてウェブ・ブログを活かしたいのであれば、絶対に基礎知識はつけておかなくてはいけません。また、現場で働いていても、もっとスキルを伸ばしたい、他の言語も習得したいなど野心もでてくるのではないでしょうか。

つづきはこちら

見出し

見出し01

h3.title01 {
font-size:120%;
width:98%;/*横幅*/
border-left: 8px solid #666666;/*垂直シンボル*/
border-bottom:solid 1px #999999;/*下線*/
line-height: 26px;/*垂直シンボルの高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding: 0 0 0 7px; /*文字とシンボルの間*/
color:#333333; /*文字の色*/
letter-spacing: 0.05em;
}

見出し02

h3.title02 {
font-size:120%;
width:98%;/*横幅*/
border-left: 8px solid #666666;/*垂直シンボル*/
border-top:solid 1px #999999;/*上線*/
border-right:solid 1px #999999;/*右線*/
border-bottom:solid 1px #999999;/*下線*/
line-height: 26px;/*垂直シンボルの高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding: 0 0 0 7px; /*文字とシンボルの間*/
color:#333333; /*文字の色*/
}

見出し03

h3.title03 {
font-size:120%;
width:98%;/*横幅*/
border-left: 8px solid #666666;/*垂直シンボル*/
line-height: 26px;/*垂直シンボルの高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding: 0 0 0 7px; /*文字とシンボルの間*/
color:#333333; /*文字の色*/
}

見出し03-2

h3.title03-2 {
font-size:120%;
width:98%;/*横幅*/
border-left: 8px solid #666666;/*垂直シンボル*/
line-height: 9px;/*垂直シンボルの高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding: 0 0 0 7px; /*文字とシンボルの間*/
color:#333333; /*文字の色*/
}

見出し04

h3.title04 {
font-size:120%;
width:98%;/*横幅*/
border: double 3px #ffffff;
color:#ffffff;
background-color:#666666;/*背景*/
line-height: 26px;/*枠の高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding-left:10px;/*文字の左スペース*/
}

見出し05

h3.title05 {
font-size:120%;
width:98%;/*横幅*/
border: solid 1px #666666;/*見出しの枠線*/
color:#333333;/*見出しの文字の色*/
line-height: 26px;/*枠の高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding-left:10px;/*文字の左スペース*/
}

見出し06

h3.title06 {
font-size:120%;
width:98%;/*横幅*/
border: double 3px #666666;/*見出しの枠線*/
color:#333333;/*見出しの文字の色*/
line-height: 26px;/*枠の高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding-left:10px;/*文字の左スペース*/
}

見出し07

h3.title07 {
font-size:120%;
width:98%;/*横幅*/
border-top: solid 1px #666666;/*見出しの上に線を引く*/
border-bottom: solid 1px #666666;/*見出しの上に線を引く*/
color:#333333;/*見出しの文字の色*/
line-height: 26px;/*枠の高さ*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding-left:10px;/*文字の左スペース*/
}

見出し08

h3.title08 {
font-size:120%;
width:98%;/*横幅*/
margin: 20px 0 10px;/*上下の行のスペース*/
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(画像の指定) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
}

見出し09

h3.title09 {
font-size:120%;
width:98%;/*横幅*/
padding: 0px 3px 3px  20px; /*シンボル位置の調整*/
margin: 20px 0 10px;/*上下の行のスペース*/
background: url(画像の指定) no-repeat; /* シンボル画像 */
color:#333333;
line-height: 100%;
}

ブログ構築（1）まずは、目標（目的）を持つことから

ブログを構築する前に、なぜブログをやりたいか、理由があるはずです。ここでは、商用利用とは別に、個人利用のブログで考えていきたいと思います。商用利用であれば、コンサルティング→プランニング→プレゼンテーション→デザイン ...と、１つ１つ目的と作業を明確にしていくワークフローをたどります。ただ、個人のブログ開設で、ここまですることはありませんが、自分がどんなブログを作成したいのか、大きな目標（目的）をもつことはとても大切です。あなたの頭の中に浮かんだアイデアが、大きな目標となります。そして、大きな目標ができると、小さな目標もおのずと見えてきます。