CSSの一般的なマイナーな問題（自身の経験）

1. div要素をクリックしてくださいことはありません

// CSSプロパティ：
    ポインタイベント：なし;    
    //またはカスタム属性は、JSを追加：
    $（ "元のクラス名"。）.addClass（ "新しいクラス名"）;   
// JS：
    //無効に
    $を。 =関数fn.disable（） { 
        $（この）.addClass（ "無効"）;
     } ; 
    //有効
    $ .fn.enable =関数（） { 
        $（この）.removeClass（ "無効"）を;
     } ; 
    / /または
    $（ "上記ID @＃"）（無効）が;. 
    。$）（イネーブル（ "上記@＃は、IDを述べ"）。

コードの表示

2.マウスが「小さな手」のジェスチャーを示し、プロンプトテキストを表示

<DIVのスタイル= "カーソル：ポインタ;" タイトル= "プロンプトの情報は">ここにテキスト</ DIV>であります

3.省略記号を越えた文字表示領域

// 1つの普通の状況が
表示されますインラインブロック; //は、状況を確認するには、このを追加
オーバーフローを：隠された; / * 過剰隠さ* / 
ホワイト・スペース：NOWRAP; / * ラインずに1行で必須のテキストが壊れる作る* / 
テキストオーバーフロー： ;省略記号/ * 省略記号は、剪定されたテキスト表現* / 

/ * 2.英語のワードラップの長さ* / 
; BREAK-すべて：Wordの-BREAK / * サポートIE、クロム、FFがサポートされていません* / 
ワードラップを：BREAK -word; / * サポートのIE、クロム、FF * / 


/ * 2つの行を採取3行2は、表示...超える* / 
.mui-省略記号-2 { 
    ディスプレイ：-webkit-ボックス ; 
    オーバーフロー：隠された ; 
    空白：ノーマル重要！。
    テキストオーバーフロー：省略記号。
    ワードラップ：ブレークワード ; 
    -webkitラインクランプ：2。
    -webkit-ボックスオリエント：縦 ; 
} / * 4.select的情况下* / 
<選択のonmouseover = "selbox（$（この））"> </選択> 
<スクリプト> 
関数selbox（A） { 
VARのヴァル= a.val（）。
a.attr（ "タイトル"、val）で、}

コードの表示

4.div + CSSの制御画像スケーリング：

/ * 外DIV設定幅、高さ、自動車の内幅設定された画像の高さ、最大幅と配置とに等しい最大高さの比* / 

.imgbox50 { 
    幅：200pxの、
    高さ：は50px ; 
    ボーダーRADIUS：50％ 。
    ALIGN =左テキスト：センター ; 
    マージン：0自動 ; 
} 
.Img50 { 
    最大幅：85％ ; 
    最大高さ：85％ ; 
    ボーダーRADIUS：5pxの ; 
    幅：自動 ; 
    高：自動 ; 
} 
<DIV CLASS = "imgbox50 MT5"> 
    <IMGクラス= "Img50" SRC = ""> 
</ div>

コードの表示

5.uiスタイル

最初のスタイルのLi：リチウム：まず、子供 {   背景：＃1 F00 ;} 
最後のLiスタイル：リチウム：ラスト子供 {   背景：＃000 ;} 
n番目のLiスタイル：リチウム：n番目の子（ N-） {   背景：＃000 ;} 
最後から二番目のLiスタイル：第N-ラストの型（2） {   背景：＃000 ;} 
奇数リスト：リチウム：テラス、N番目（ODD） {   背景：＃1 F00 ;} 
さえリスト：リチウム：テラス、N番目（偶数） {   背景：＃1 F00 ;}

コードの表示

6.別の要素内で一番下の要素を設定します。

//親のdivの設定
位置：相対; 
//サブのdiv 
の位置：絶対; 
下：0;

コードの表示

7.背景色、不透明度を設定します

背景色：＃6d7a83。
不透明度：0.75;

8.selectテキストの配置

//右揃え
SELECT { 
    方向：RTL ; 
} 
//左
SELECTオプション { 
    方向：LTR ; 
} 
//パディングは、中央に整列して配置

コードの表示

プロンプトテキストの色を設定し9.input

/ * WebKitのブラウザ* /  
入力:: - WebKitの入力、プレースホルダ { 色：赤。} 
 / * Mozilla Firefoxの4〜18 * /  
入力：-moz-プレースホルダ { 色：赤。} 
 / * Mozilla Firefoxの19+ * /  
入力:: - MOZ、プレースホルダ { 色：赤。} 
 / * のInternet Explorer 10+ * /  
入力：-ms-入力プレースホルダ { 色：赤。}

コードの表示

プルダウンパターンを選択する10.変更]ボタンはカスタマイズ可能です：

::選択- MS-拡大 { 表示：なし ; } //隐藏自带的样式
セレクト { 
        高さ：30px ; 
        行の高さ：28px ; 
        パディング：0 16pxに0 5pxの ; 
        国境：1pxの固体＃e4e4e4。
        背景：URL（ "/ zbw / IMG /モバイル/公共/アイコン/ sjxdown.png"）右中央ノー・リピート#FFF ; 
        背景サイズ：16pxに ; 
        テキスト整列：左 ; 
        オーバーフロー：隠されました; 
        テキストオーバーフロー：省略記号。
        ホワイトスペース：NOWRAP。
        外観：なし。
        -moz-外観：なし。
        -webkit-外観：なし。
        カーソル：ポインタ ; 
}

コードの表示

11.table TR複数の間隔

<TRスタイル= "表示：ブロック;マージントップ：10pxの;"> </ TR>

12. 2つのdivのスタイル間に垂直線を追加します。

<divのスタイル= "マージントップ：20ピクセル;幅：1pxの;高さ：80px;フロート：左;背景：＃1 e4e4e4;"> </ div>

CSSの一般的なマイナーな問題（自身の経験）

おすすめ