タグ

*cssに関するnak_aのブックマーク (3)

  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

    nak_a
    nak_a 2013/07/11
  • CSSの基本|CSS HappyLife ZERO

    このページではCSSに関する基的な事を書いています。 CSS初心者の方は、まずは基をしっかり身につける事で他のコンテンツでの理解も深まると思います。 CSSとは そもそもCSSって何?って方のための簡単な説明です。 CSSの記述の仕方 スタイルの書き方の説明です。 CSSの適用方法 CSSを適用させる方法に関しての説明です。 CSSファイルの準備 CSSファイルの準備の仕方の説明です。 コメントの書き方 CSSのコメントの書き方の説明です。 セレクタのグループ化 セレクタをグループ化する方法の説明です。 優先順位・個別性・!important宣言 セレクタには優先順位が決められており、その説明です。 メディアタイプ CSSメディアタイプに関する説明です。 識別子で扱える文字 ID名やクラス名などで扱える文字の説明です。 ショートハンド プロパティの簡略化表記であるショートハンドの説明で

    nak_a
    nak_a 2013/06/03
  • 画像とかの横にあるテキストを上下中央に

    ←こういう感じで、画像の横にあるテキストを画像に対して上下中央にするってーのは、今まで出来ないと思ってたんす。 だけども、ヨモツネットさんの記事でヨモツネット[日記] ≫ CSS で簡単に上下中央揃えを実現するってが紹介されてたので、試して見ました! display: table-cell;がポイントになってて、IEはハックで対応みたいな感じです。 デモページ 画像とかの横にあるテキストを上下中央にする。のデモページ ヨモツネットさんとまるっと同じサンプルだとアレなので、ちょっとだけ実用的な感じでつくってみましたよっと。 ちょっと、IE6で確認してないので、ダメだったらご連絡ください。 IE6対応しました。ハックの書き方がいけなかったようです。すみません。 div.centeringTest p { display: table-cell; vertical-align: middle;

    画像とかの横にあるテキストを上下中央に
  • 1