CSS+DIV で注意すべきいくつかの問題layout_html/css_WEB-ITnose

命名の問題

ヘッダー: ヘッダー
ログインバー: ログインバー
ロゴ: ロゴ
サイドバー: サイドバー
広告: バナー
ナビゲーション: ナビゲーション
サブナビゲーション: サブナビゲーション
メニュー: メニュー
サブメニュー: サブメニュー
検索:検索
スクロール: スクロール
ページ本体: メイン
コンテンツ: コンテンツ
タブ: タブ
記事リスト: リスト
プロンプトメッセージ: メッセージ
ヒント: ヒント
列タイトル: タイトル
参加: joinus
ガイド: ギルド
サービス: サービス
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
登録: regsiter
ステータス: ステータス
ボタン: btn
投票: 投票
パートナー: パートナー
フレンドリー リンク: フレンドリンク
フッター: フッター
著作権: 著作権
送信 :送信
テキストボックス: textbox
統計: count

/* グローバル CSS 定義*/
body { text-align: center; font-family:"宋体", arial;margin:0; background: #FFF;フォントサイズ:12px; カラー:#000;}
div,form,img,ul,ol,li,dl,dt,dd {マージン: 0; ボーダー: 0;}
h1, h2,h3 ,h4,h5,h6 { マージン:0; パディング:0;}
table,td,tr,th{font-size:12px;}

/* リンクの色*/

a:link {color: #1f3a87; text-decoration:none;}
a:visited {color: #83006f;text-decoration:none;}
a:hover {color: #bc2931; text-decoration:underline;}
a:active {color : #bc2931 ;}
/* カラー属性 [ルールを定義、小文字の c と色の名前] */
.cRed,a.cRed:link,a.cRed:visited{ color:Red; }
.cBlue,a.cBlue :link, a.cBlue:visited{color:#1f3a87;}
.cDRed,a.cDRed:link,a.cDRed:visited{ color:#bc2931;}
.cGray,a.cGray:link,a.cGray :visited{ color: #4F544D;}
.cDGray,a.cDGray:link,a.cDGray:visited{ color:#666;}
.cWhite,a.cWhite:link,a.cWhite:visited{ color:# fff;}
.cBlack,a.cBlack:リンク,a.cBlack:訪問済み{color:#000;}
a.cBlack:hover{color:#bc2931;}
.cYellow,a.cYellow:link,a.cYellow:訪問済み{color:#ff0;}
.cGreen,a.cGreen:link,a.cGreen:visited{color:#008000;}
/* フォント属性 [ルールを定義、小文字の f と属性名] */
.fB { font-weight: 太字;}
.fI {font-style: italic;}

/* フォント サイズ*/

.f12px{ font-size:12px;}
.f14px{ font-size:14px; /* その他の属性*/
.left{ float: left;}

.clear{ クリア: 両方;

.hidden; {display: none;}
.unLine ,.unLine a{text-decoration: none;}
.noBorder{border:none; }


スクロールバーの色の定義

(IEのみ)

scrollbar -face-color : #E0D5BE;

scrollbar-track-color: #EBE4D3; -color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-dark-shadow-color: #ffffff;< !--//スクロール バーの下端と右端の色を設定します-->
scrollbar-arrow-color: #978C71;

CSS を使用してレイヤーを半透明にする方法は?

次のスタイルシートでレイヤーを定義します
.alpha { filter: Alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100｝

説明:

Opacity=開始の不透明度（100の場合は透明になりません）

FinishOpacity=終了の不透明度（100の場合は透明になりません）
Style=0、1.2.3...から始まるスタイル均一な透明度です。放射状の形状は透明です...

StartX=透明度が始まる X 座標。基本的には画像とレイヤー (0) の左上隅です。

StartY=透明度が始まる Y 座標。画像とレイヤーの左上隅 (0)
FinishX=透明部分の端の X 座標、基本的には画像またはレイヤーの右下隅 (画像またはレイヤーの幅)
FinishY=透明部分の Y 座標透明度の終わり、基本的には画像またはレイヤーの右下隅 (画像またはレイヤーの高さ) )


上記の構造は、たとえば次のように組み合わせて使用​​できます。書き方の原則は次のとおりです: 1. すべて小文字にする; 2. 英語を使用するようにする; 3. 一目で理解できる単語以外は省略しないようにする。