行の間隔を調整する

行の間隔で文字の読みやすさは格段に変わります。 行間を調節するには、テキストを含む要素に対してline-heightプロパティで間隔距離を指定します。 body {       line-height: 1.5em; } [...]

行の間隔を調整するの続きを見る

~2008/08/17~

文字の背景に色をつける

今回は文字の背景に色をつけてみます。 テキストを含む要素に対してbackground-colorプロパティで売りを指定します。  .text-bg01 {       background-color: #f00;    [...]

文字の背景に色をつけるの続きを見る

~2008/08/15~

文字に罫線を引く

以前、text-decorationを使って文字にラインを引きましたが、これだと文字の上下だけにしかラインが引けない上に装飾パターンも全く選べないただラインを引く事しかできませんでしたが、borderプロパティを使うこと [...]

文字に罫線を引くの続きを見る

~2008/08/14~

CSSで文字サイズ変更

実際ブラウザで文字サイズを変更できる事をしっているのは、我々ホームページ制作にかかわる人間か、そこそこパソコンが使い慣れた人間で、ほとんどの人は文字サイズが変えられる事を知らないまま使っているのではないかと思います。 そ [...]

CSSで文字サイズ変更の続きを見る

~2008/08/13~

文字サイズの設定

文字サイズの設定はテキストを含む要素(body等)にfont-sizeプロパティで設定します。 body {       font-size: 12px; } サイズは数 [...]

文字サイズの設定の続きを見る

~2008/08/12~

文字にラインを引く

文字にラインを引いて強調させてみましょう。 .line-red {       text-decoration: underline;   &nbsp [...]

文字にラインを引くの続きを見る

~2008/08/11~

文字のウエイトで強調表示

文字を太くするには、font-weightプロパティでウエイトの値を指定します。 一般的によく使われる値は「bold」。それ以外では、「bolder」(現在のウエイトよりも1つ太いもの)や「lighter」(現在のウエイ [...]

文字のウエイトで強調表示の続きを見る

~2008/04/03~

文字の色を変更してみる

CSSの初期設定でサイト全体の文字色を設定しましたが、ここでは部分的に色を変えてみましょう。 見出しの文字色を変えてみます。 h1 {       color: #f00 [...]

文字の色を変更してみるの続きを見る

~2008/04/02~

CSS初期設定のリセット

まず、各ブラウザに初期の状態で入っている設定をリセットします。 *(アスタリスク)で全ての要素に適用させてpタグなどに入っている余計なマージンとパディングをリセットします。 * {    & [...]

CSS初期設定のリセットの続きを見る

~2008/04/01~

@importの振り分け

これは僕の振り分け方なので、好きなように設定してもかまいません。 @import “base.css”;フォントサイズなど全体に適用させる設定を記述します。 @import “head [...]

@importの振り分けの続きを見る

~2008/03/31~

最近チェックした記事

福岡のホームページ制作会社ソースマリン提携会社

Source Marineパッケージプラン

  • HP+
  • cmsホームページ制作プラン
  • 携帯ホームページ制作プラン
  • ホームページ&ブログプラン
  • ショッピングサイト構築プラン

福岡のホームページ制作会社ソースマリンのコンテンツ

おススメサーバ