fc2ブログ

U-BOX/うさぎの小箱

FC2ブログのテンプレートを配布しています

  1. blog_type
  2. tb: 0
  3. cm: 2
  4. [ edit ]

v15usagi2

15usagi2_公開(3/21.3:02申請,2/26承認)

PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL

v14usagi のバリエーションです。

2カラム。固定幅。750px。
記事部分 500px。サイドバー 230px。

font-size: 12px;

カラム幅を超える画像は縮小表示されます。





スポンサーサイト




  1. blog_type
  2. tb: 0
  3. cm: 2
  4. [ edit ]

v14usagi

14usagi_公開(3/21.3:00申請,2/26承認)

PC版サンプル(画像をクリックするとサンプルページを見ることが出来ます)
>>DL


2カラム。固定幅。750px。
記事部分 500px。サイドバー 230px。

font-size: 12px;

カラム幅を超える画像は縮小表示されます。






  1. css
  2. tb: 0
  3. cm: 0
  4. [ edit ]

css5.長さの単位


長さの単位/
相対単位
em :1em = 1文字分の高さ
ex :1ex = 「x」文字の高さ
px :1px = 画面上の1ピクセル

絶対単位
pt :72pt = 1in(1インチ:2.54cm)
pc :1pc = 12pt




  1. css
  2. tb: 0
  3. cm: 0
  4. [ edit ]

css4.position


position : ボックスの配置方法を指定するプロパティ

値/
static :通常の位置に配置 (初期値)
   static を指定した場合は、ボックスの配置位置の指定は無効になる。

relative :通常の位置を基準とした相対的な配置

absolute :ウィンドウまたは親ボックスを基準とした絶対的な配置
   祖先要素に位置決めされた要素がある場合は、その要素の位置を基準にする。
   ない場合は、ウィンドウの枠を基準とした配置。
   位置決めされた要素 : positionで static 以外の値が指定された要素.

fixed :ウィンドウを基準とした絶対的な配置 + 位置の固定
   *IE6以下では非対応。IE7では「互換モード」の場合機能しない。


sample code/
div {

width: 200px;
height: 100px;

position: relative;
position: absolute;
position: fixed;

top: 50px;
left: 50px;
right: 10em;
bottom: 10em;
* 指定 :上から、左から、右から、下からの距離+数値単位,%

}





NEW ENTRY  | BLOG TOP |  OLD ENTRY

プロフィール

usagi

Author:usagi
FC2ブログへようこそ!

information

2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ

管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。

お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。

カレンダー

02 | 2013/03 | 04
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -

ユーザータグ

*