Home > CSS

CSS Archive

[ CSS ] 指定した要素の後に属性値を表示する :after と content と attr() のサンプル

WordPress のテーマを眺めていると、初めて見る CSS の書き方があったのでメモ。

サンプル

↑ こんな感じに表示されているんだが、HTML のテキスト部分には [ 2.5.1 ] と言う文字は書かれていないんですよね。

Continue reading

clearfix + Dreamweaver CS3 デザインビューのレイアウト崩れを防ぐ方法

clearfix を使っているページを Dreamweaver CS3 のデザインビューで見てみると表示がおかしくなり、編集がしにくいんですよね。 このレイアウト崩れを正常に戻す方法をメモしておきます。

Dreamweaver CS3 のデザインビュー

↑ こんな感じで、どこを選択して編集すれば良いのかわかりにくい。

Continue reading

[ CSS ] グリッドレイアウトのサンプル

汎用的に使える CSS グリッドレイアウトのサンプルがあれば良いなぁと思い、コンテンツエリアを等分割して、その中の領域をいくつ使うかでクラスを使い分けるサンプルを書いてみました。

[ CSS ] グリッドレイアウトのサンプル

Continue reading

[ CSS ] 縦方向メニューのサンプル

  • 投稿日 : 2008-03-17
  • 更新日 : 2008-07-03
  • CSS
  • +

今更ですが、CSS で縦方向メニューのサンプルを書いてみました。

縦方向メニューのサンプル

↑ 完成イメージ

Continue reading

[ CSS ] dl をスタイリングする CSS のサンプル

HTML の dl で書かれているコードをスタイリングする CSS のサンプルをいろいろ覚え書き。

Continue reading

[ CSS ] フォントファミリー ( font-family ) を指定する

ウェブページのフォントをメイリオにしたくなって、CSS を設定してみました。関係ないのかも知れませんが、ウェブページの文字コードは UTF-8 です。

Continue reading

[ CSS ] IE6 でリストの背景画像が表示されないよ

  • 投稿日 : 2007-09-11
  • 更新日 : 2008-07-01
  • CSS
  • + +

MultipleIEs の Internet Explorer 6.0 でリストの背景画像が表示されなくてハマったのでメモ。

Continue reading

[ CSS ] 画面の中央にブロック要素を配置するサンプル

  • 投稿日 : 2007-07-24
  • 更新日 : 2008-09-19
  • CSS
  • +

よく使う水平方向の中央に表示じゃなくて、水平・垂直方向の中央にブロック要素を配置する CSS サンプルを書いてみました。 ↓ こんなの。

CSS サンプル

Continue reading

[ CSS ] opacity を使ってロールオーバーもどき

CSS でロールオーバーもどき と言う記事を読んで、早速試してみました。これは良い!CSS の opacity と言うプロパティで不透明度をコントロールするんだそうです。

Continue reading

[ CSS ] ユニバーサルセレクタでリセットはマズいの?

今まで、ブラウザ毎にあるデフォルトスタイルの差異を吸収すべく、* { margin: 0; padding: 0; } と言うスタイルを書いていた訳ですが、「 レンダリングが遅くなる 」 などの問題点があるんだそうです。

Continue reading

ホーム > CSS

Feeds
Meta
あわせて読みたいブログパーツ

Return to page top