タグ

cssに関するkeiheadのブックマーク (7)

  • Cascading Style Sheets, Level 2

    前 次 目次 特性 索引 標準情報(TR)  TR X 0032:2000 CSS2 目  次 まえがき 序文 1 概要 1.0 適用範囲 1.1 規定の読み方 1.2 規定の構成 1.3 規約 1.3.1 文書言語の要素及び属性 1.3.2 CSS特性定義 値 初期値 適用対象 継承 パーセント値 メディアグループ 1.3.3 簡略記述特性 1.3.4 備考及び例 1.3.5 画像及び長記述 1.4 貢献者 1.5 著作権表示 2 CSS2への導入 2.1 HTMLのためのCSS2概説 2.2 XMLのためのCSS2概説 2.3 CSS2処理モデル 2.3.1 描画面 2.3.2 CSS2アドレス付けモデル 2.4 CSS設計原則 3 適合性(要件及び勧告) 3.1 定義 3.2 適合性 3.3 エラー条件 3.4 text/css内容型 4 CSS2の構文及び基データ型 4.1 構文

  • フォントのコントロール/HTML基礎講座

    pt はポイントで、フォントサイズを示す一般的な単位です。 pc は12ポイントを 1pc とするフォントサイズを示します。mm、cm、in、pt、pc は環境などに左右されない絶対値による指定となります。つまり、絶対値で指定した大きさは、ユーザ側で変更することができません。 それに対し、em、ex、px、% はユーザ側の画面サイズなどに合わせて相対的に変化する単位です。 em ex は要素内のフォントの高さを1とします。 em は大文字の M の高さを基準となり、ex は小文字の x の高さを基準とします。ただし、em については font-size属性を指定したときに限って、親要素のフォントサイズを基準にします。また、px(ピクセル)はモニター画面上の1ピクセルを意味します。 % は属性によって、何に対する割合かは異なりますが、多くの場合は親要素を基準とした割合となります。相対値は、ユ

  • フォント表示サンプル

    FONTS Revised 2003/12/10 CSS ではフォントの種類を指定できます。フォントとは、描画される文字のことで、文字の種類には、ゴシック体、明朝体などがあります。各々のフォントの種類には、太字や斜体などのバリエーションがあります。 CSS では、次の 5 つの総称名で分類されています。これらを、 generic family と呼びます。 sans-serif ゴシック体風。ひげ無し。 serif 明朝体風。ひげ付き。 monospace 等巾フォント。大文字、小文字、英数文字の巾が等しい。 fantasy 装飾体。花文字、ポップ文字など。読めないフォント絵文字、シンボル・フォント)は除く。 cursive 手書き体風。 CSS でのフォントの指定方法 CSS の説明は別項に譲ります。 CSSフォントを指定する場合、次のように記述します。 font-family:

  • 小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる

    はてなブックマーク経由で「IE6 と IE7 の共存はできませんか?」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト(下記)をみつけましたので、エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft:Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ

    小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる
  • ホームページ作成には1upホームページ作成の素材・テンプレート・ソフトウェア紹介など!!

    WordPressのカスタマイズを、1歩1歩進めていく解説を。 基設定から、固定ページや、企業サイトやプラグイン、テーマのカスタマイズなど様々なカスタマイズを記載していきます。 お問合せで最も多いのがこれ! 1.いっぱいあって、何処が良いのか分からないよ! 2.必要な機能は何? 3.結局いくらなの? 特に初めてホームページ作成をして、サーバを探している方には分かりにくく、最も悩むところです。 どんなサーバがあって、どの機能をチェックすれば満足のいくレンタルサーバを選ぶ事が出来るのか? サーバ自体の機能も日々進化していて、サーバの引越しも何回かお手伝いしました。 その中で、費用に余裕がある方は良いのですが、多くの方が費用は抑えたいものです。(私も・・・) では、いったい何処が良いのか?どんな機能を気にして選択するべきなのか? →そんな疑問を解決!レンタルサーバの選び方講座を開設しました。

  • POCHIKING*: 画像に自動的に影をつけてテキストを回り込ませる

    画像をアップしたら自動的にその大きさに合わせて影をつけて、その画像にテキストを回り込ませる方法です。そのまま影をつけたり、写真のようにフチを付けてから影をつけたりできます。 解除したいときは、タグを削ると元に戻ります。 ごみのやまさんの画像にテキスト回り込みと、朝飯前。さんの画像(写真)にフチや影をつける方法を参考にさせて頂きました。 ※バックアップをとってから行ってくださいね。 cssの設定 /* 画像に影をつける(フチなし) */ .img-bg { background-image: url(./images/shadow_001.gif); background-repeat: no-repeat; background-position: right bottom; margin: 0px; padding: 0px; position: relative; }

  • 画像をかっこよく浮かす方法

    画像をきれいに見せるためのテクニックとして、影をつける手法が有用だ。プロが作るようなサイトを見ていても、影をつけてかっこよく見せている例をよく見受けられる。もはやデザインの王道テクニックといっていいだろう。とはいえ、いちいち影をつける加工をするのは面倒だし、画像編集環境が十分にない人もいるだろう。そこで画像に動的に影をつける手法を紹介する。 (追記 2013/09/18 ) CSS3 の box-shadow や text-shadow を使えば、ここに書いてあるテクニックは不要となります* 画像に影をつける サンプルは こちら にあるので確認してみてください。 まずは画像を div タグで囲います。

    画像をかっこよく浮かす方法
  • 1