2011.02.03日々思うこと

cssのプロパティの順序について

CSSプロパティ順序

1.表示や配置など「視覚整形モデル」に関するプロパティ	2.ボックスモデルに関するプロパティ	3.背景と前景に関するプロパティ	7.UIに関するプロパティ**

display	width**	background**	1. outline
	1. min-width	1. background-color	2. outline-width
list-style**	2. max-width	2. background-image	3. outline-style
1. list-style-type		3. background-repeat	4. outline-color
2. list-style-image	height**	4. background-attachment	5. cursor
3. list-style-position	1. min-height	5. background-position
4. marker-offset（CSS2.1勧告候補では削除）	2. max-height

position**	line-height		8.印刷に関するプロパティ**
1. top	vertical-align	4.フォントとテキストに関するプロパティ
2. right	overflow		1. size
3. bottom	clip	color	2. marks
4. left	visibility		3. page-break-before
		font**	4. page-break-after
float	margin**	1. font-family	5. page-break-inside
clear	1. margin-top	2. font-style	6. page
z-index	2. margin-right	3. font-variant	7. orphans
	3. margin-bottom	4. font-weight	8. widows
	4. margin-left	5. font-stretch
		6. font-size
	padding**	7. font-size-adjust（CSS2.1勧告候補では削除）
	1. padding-top		9.音声に関するプロパティ**
	2. padding-right	text-indent
	3. padding-bottom	text-decoration	1. speak-header
	4. padding-left	text-align	2. volume
		vertical-align	3. speak
	border**	white-space	4. pause-before
	1. border-width		5. pause-after
	2. border-top-width	other text**	6. pause
	3. border-right-width	1. text-shadow（CSS2.1勧告候補では削除）	7. cue-before
	4. border-bottom-width	2. letter-spacing	8. cue-after
	5. border-left-width	3. word-spacing	9. cue
	6. border-color	4. text-transform	10. play-during
	7. border-top-color	5. white-space	11. azimuth
	8. border-right-color		12. elevation
	9. border-bottom-color		13. speech-rate
	10. border-left-color		14. voice-family
	11. border-style	5.表に関するプロパティ**	15. pitch
	12. border-top-style		16. pitch-range
	13. border-right-style	1. caption-side	17. stress
	14. border-bottom-style	2. table-layout	18. richness
	15. border-left-style	3. border-collapse	19. speak-punctuation
	16. border-top	4. border-spacing	20. speak-numeral
	17. border-bottom	5. empty-cells
	18. border-right
	19. border-left

		6.生成内容に関するプロパティ**

		1. contentcounter-increment
		2. counter-reset
		3. quotes

https://youtube.c...

all

このカテゴリの人気記事

自動ログオフを解除（Windows8、7、XP）スリープ状態復帰時にパスワードを求められない設定（日々思うこと）［141246 view］ 2010年08月06日
ゆとり教育いつから確認表｜生まれ年でいつからゆとり教育になったか確認（日々思うこと）［111805 view］ 2012年07月12日
一般的な日本語でフォネティックコードを作ってみました。（日々思うこと）［38417 view］ 2011年11月10日
X年生まれの人の年齢と干支の早見表（日々思うこと）［31888 view］ 2013年03月26日
Slient Moments (Prince Alex Project)のトランペットがかっこいい（日々思うこと）［30705 view］ 2011年06月19日
Goolgeショッピングとは　Google ショッピングへ商品情報を登録する方法（日々思うこと）［30689 view］ 2011年05月08日
デザイン参考サイト（日々思うこと）［29526 view］ 2011年05月23日
googleニュースで任意のRSSを取得する方法（日々思うこと）［29475 view］ 2011年04月18日
オザケンこと小沢健二14年ぶりライブはUstream！★動画あり★ （日々思うこと）［27533 view］ 2011年11月29日
非認知能力を鍛える方法‐自制心、独立心、忍耐力を育てる就学前教育とは（日々思うこと）［26692 view］ 2014年07月29日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (20295)

2011.01.31xoopsズープス

xoopsのURLから　/modules/の文字を削除する方法

http://xoops.kudok.com/branchoffice/index.php?URI%E3%81%8B%E3%82%89%E3%80%8Cmodules%E3%80%8D%E3%81%A8%E3%81%84%E3%81%86%E6%96%87%E5%AD%97%E5%88%97%E3%82%92%E5%89%8A%E3%82%8B

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［39792 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33771 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33495 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31805 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31269 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31247 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30486 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29416 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28807 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28117 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (17615)

2011.01.25xoopsズープス

xoops多重言語化モジュールインストール場所

The Easiest Multi-Language Hack (EMLH) 1.31

http://xoops.peak.ne.jp/md/mydownloads/viewcat.php?cid=2

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［39792 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33771 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33495 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31805 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31269 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31247 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30486 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29416 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28807 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28117 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (14432)

2011.01.25xoopsズープス

CSSの規則について

■全体規則　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

* NN4 には CSS を読み込ませない（定石）
* ブラウザのデフォルトスタイルを殺す（定石）

* /* 全指定 */
{margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; color:#適当; background:transparent;}
* img 要素に vertical-align:bottom; と border:none; を指定（定石）
* line-height は数値のみを指定（定石／em や % で指定するのは問題の元）

■width height
* width を指定した要素に padding と border を指定しない（旧 IE と互換モードへの対策）
* height を指定した要素に padding と border を指定しない（旧 IE と互換モードへの対策）

■margin

* マイナスの margin を指定した要素と背景画像を重ねない（IE で背景画像が切れる）

■float
* float を指定した要素に width を必ず指定する（文法規則）
* float を指定した要素に margin を指定しない（IE が2倍値で描画する）
* float で回り込む要素の内容が少ないとき、回り込む側にも float を指定するか、高さを指定（IE6 対策）
* float した要素の下に隙間を作りたい場合、float した要素に margin-bottom を指定＋親要素に padding-bottom を指定（注：検証不十分）

■position　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　
* position:absolute; を指定した要素には margin を指定しない（注：検証不十分）
* position:absolute; を指定した要素にはなるべく width も指定する（定石）
* position:absolute; の基準として right と bottom は避ける（Opera6 を無視しない場合）

* position:relative; を多用しない（定石／たいていスクロールが重くなる）
* z-index を指定する要素には position プロパティで static 以外の値を指定（文法規則）
■background
* background-attachment:fixed; を多用しない（定石／スクロールが重くなったり表示が乱れたり）
* overflow プロパティを使う場合 MacIE5 は諦める（特殊なケース以外では内容が消える）

CSS規則まとめチートシートダウンロード
csskisoku.pdf

https://youtube.c...

all

このカテゴリの人気記事

whois ansi のCreation Date Registration Date Expiry Date とは（ xoopsズープス）［39792 view］ 2011年09月23日
xxoops2.2.0でaltsysをインストールした後、エラーが出て、altsysモジュールが白紙のときの対処法（ xoopsズープス）［33771 view］ 2011年12月03日
bulletinモジュールの投稿者名とヒット数とコメント数を消す。　bulletin_item.html （ xoopsズープス）［33495 view］ 2010年06月20日
リストタグで横並びにして、かつ、フロート（回り込み）を解除する方法（崩れる　対処法）（ xoopsズープス）［31805 view］ 2011年04月05日
「ページを開けません。サーバーが応答を停止しています。」の問題について（ xoopsズープス）［31269 view］ 2012年09月19日
xoops2.2.0でaltsysをインストールした後、ブロック部分と管理ページの日付が文字化けしたときの対処法（ xoopsズープス）［31247 view］ 2011年07月23日
light box 2.04　close.gif loading.gifが表示されない　lightbox.js （ xoopsズープス）［30486 view］ 2010年06月21日
Picoモジュールの　「コンテンツ内容」ブロックを利用して、スマーティーを利用できるカスタムブロックを実現する方法（ xoopsズープス）［29416 view］ 2011年07月29日
Smartyにtruncateという文字列修正の関数がある。指定した文字数で文字列を切り捨てるという便利なものなのだが、マルチバイト文字列に対してこれを使うと文字化けが起こって... （ xoopsズープス）［28807 view］ 2011年04月04日
ﾓｼﾞｭｰﾙUTF8化（ xoopsズープス）［28117 view］ 2010年03月30日

「全タイトル一覧」ページへ｜「情報技術担当者のホームページ」トップページへ

コメント (0)
トラックバック (0)
閲覧 (17757)

2011.01.17フリーソフト・ブラウザ関係

picasaで深いフォルダ内の写真を常時監視させる

Picasa の設定の管理: フォルダの監視方法を指定する

印刷

Picasa はパソコンをスキャンして、互換性のある種類の画像ファイルが保存されているフォルダを検出し、検出したフォルダにある画像を表示します。画像は元のフォルダの場所から移動しません。フォルダマネージャを使用して、Picasa で監視するハードドライブ上のフォルダの場所を指定できます。

その方法は次のとおりです。

Picasa の [ツール] メニューをクリックします。
[フォルダマネージャ] をクリックします。
左側のフォルダリストで、Picasa の監視リストに追加するフォルダか監視リストから削除するフォルダを選択します。
右側にある次のいずれかの監視オプションを選択します。
- [常時スキャン]: 選択したフォルダ内の互換性がある種類の画像がすべて表示され、新しい画像が自動的に追加されます。Picasa はこのフォルダを自動的にスキャンして変更を検出します。
- [スキャンワンス]: 選択したフォルダ内の互換性がある種類の画像が、すべて 1 回だけアクセスされます。この設定では、フォルダに新しく追加した画像は検出されません。
- [Picasa から削除]: このオプションを指定したフォルダは Picasa でスキャンされません。
[OK] ボタンをクリックして変更を保存します。