忍者ブログ
特質系肉体派システムエンジニア燃えPaPaの運営する、1からサイト作成をするとなると必須なスタイルシートの各プロパティに関してのリファレンスブログです。スタイルシートの必要なプロパティの、詳しい使い方を辞書的に利用可能なようにつくります。
[1]  [2]  [3]  [4]  [5]  [6]  [7
こんばんは、
燃えPaPaです。

今回は、背景操作の代表的プロパティ、
background
の内で、色を決める場合の解説です。
指定方法は、
要素の中で、

background-color: #ffffff;

という指定を入れます。
前半、background-colorが背景色を決めるプロパティで、
後半の#ffffffで色を指定します。
※この場合は、色番号で、白です

ブロック要素でも、インライン要素でも、
画面に表示される要素すべてで指定できます。

例えば、
h1{
    background-color: #000000;
}
などとしたらh1の背景が黒になります。

画面内で色を変えることは多いため、
非常に多用されるプロパティです。


燃えPaPa
PR
こんばんは、
燃えPaPaです。

ほとんど当ブログの日記カテゴリと変わらないところもありますが、

私自身の近況でなく、
スタイルシートに関する昨今の世間の流れ等の報告は、
このカテゴリでやろうと思いまして、
カテゴリ作りました。

ちょいと世間で新しい情報出ましたら、
ここで方向しようかと思います。


燃えPaPa
こんばんは、
燃えPaPaです。

先日よりスタイルシートの解説を行っておりますが、
当ブログでは、
主に実践編での、
サイトに使う用のスタイルシートの書き方や、
特徴的なスタイルシートのサンプル等を紹介していますが、

もし英語力が強くて、
最新のスタイルシートの策定ルールが気になった場合

本家のW3C(WEB上のコード規格の国際的な統一を図る組織)の策定したルール付けが

http://www.w3.org/Style/CSS/

に載っております。

興味持った方は、ぜひご一読を

英語苦手な人は・・・
すいません。

ボチボチこのブログにて解き明かしてゆきますので。


燃えPaPa
サイトを作成する上で、かなり序盤に設定することとなる、
スタイルシートの基本プロパティです。

font: style variant weight size / height family

以降で説明する、style や variant などを一度に指定する方法です。height を指定する時は size とスラッシュ( / )で区切って指定します。size と family 以外は省略可能です。fonttype には、現在のアイコンラベルやウィンドウメニューに現在使用されているフォントを示す値として caption, icon, menu, message-box, small-caption, status-bar のいずれかを指定します。CSS2 では inherit(継承)も指定可能です。

指定例:
BODY, TD, TH {
    font: italic bold 100%/150% serif;
}


上記スタイル(font)で一括に指定もできますが、
以下、それぞれは、クラスごとに区切って、部分部分に指定するのに、多用されます。


font-variant: variant

normal(既定値:通常), small-caps(大文字)のいずれかを指定します。
CSS2 からは inherit(継承)も指定可能です。
small-caps を指定すると、アルファベットの小文字が(すこし小さめの)大文字で表示されるようになります。

指定例:
H1, H2 { font-variant: small-caps; }


font-weight: weight

フォントの太さを normal(既定値), bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 のいずれかで指定します。
IE4.0 や Netscape 4.0 では通常と太字の 2種類しかサポートしていないので、normal(通常)と bold(太字)以外を使用することは少なそうです。

指定例:
DT { font-weight: bold; }


font-size: size

フォントの大きさを指定します。
絶対指定として xx-small, x-small, small, medium(既定値), large, x-large, xx-large、相対指定として larger, smaller、絶対単位指定として 10in, 10cm, 10mm, 10pt, 10pc, 相対単位指定として 10px, 10ex, 10em などを、割合指定として 120% などを指定します。単位を省略して 20 のようには指定できないので注意してください。

周りのフォントに対する相対的な大きさを指定する時は 120% などのパーセント指定が無難です。small や smaller などや、em や ex などの単位は、ブラウザにより解釈が異なるため、予想外のフォントサイズになるという悲劇がおこることがあります。

画像サイズにあわせてフォントの大きさを固定したいという要望がありますが、ブラウザによって単位の解釈が異なるため、すべてのブラウザで同じフォントの大きさを実現するのは困難なようです。

指定例:
BODY, TH, TD { font-size: 16pt; }
PREV ←  HOME  → NEXT
スポンサーリンク
アーカイブ
リンク集
北坂グルメ_北坂戸駅周辺のおいしいランチや居酒屋情報
泣けるコピペwiki
おもしろコピペ満載の笑えるコピペwiki
結婚式のマナーとルール
サニーライフ・ハッピーライフ
神奈川のトランポリン「グラビティゼロ」
世界中が熱狂の渦に!!ベビーメタル(BABY METAL)
google隠しコマンド
かわいいキツネのモフモフ天国☆蔵王キツネ村
ペンギンのいるBAR 池袋
中野富士見町駅周辺のおいしいラーメン屋さん
横浜家系ラーメンとは
渋谷のおいしいラーメン
稲荷町駅周辺の人気のおいしいラーメン
駒込にあるおいしいラーメン屋情報
上野広小路駅周辺のおいしいラーメン屋さん
巣鴨駅周辺にあるおいしいカレー
各種ブラウザ比較
Windows7高速化
仕事で役立つ資格
近年流行の台湾料理屋さん
彼岸島おもしろ画像特集
【テニスの王子様】おもしろ画像まとめ
デスノートおもしろコラ画像大集合
ショートカット美少女天使本田翼
世界中が熱狂の渦に!!ベビーメタル(BABY METAL)
黒髪童顔の超絶美少女アイドル長澤茉里奈
かわい過ぎる女子アスリート木村沙織
岡山の奇跡☆桜井日奈子がかわい過ぎ
滝口ひかりちゃんがかわい過ぎる!!
バキ(刃牙)の笑える画像大集合
【テラフォーマーズ】最強テラフォーマー
【テラフォーマーズ】マーズランキング
デート向けに個室のある新宿の居酒屋
渋谷の回転寿司情報 JKの作業を観察☆アキバ観光
全国猫島情報
純愛ババア学園がすごい
部活少女バトル
家電少女とは
ドラマティックアクションRPG消滅都市
βテスト公開中のしんけん!!
しんけん!!解説
顎クイの魅力
口内炎対策
Copyright (C) 2018 スタイルシートリファレンス All Rights Reserved.

Photo by (c)Tomo.Yun   TemplateDesign by kaie
忍者ブログ [PR]