CSS詳細集(1)_html/css_WEB-ITnose

1. テキストと画像が同じ行にある場合は、テキストを画像の下に揃える必要があります:

< パスワードを記憶< "static/img/xyx.jpg" align = "middle" />

1	< ; li >パスワードを記憶< img src = " " align = "bottom" style = "margin-bottom:-4px" /> 2. テキストと画像は同じ行にあり、テキストと画像は次のように記述する必要があります:

3. IEの「ソースコードの表示」メニューで開くエディタを変更します

開くレジストリ エディターで、「スタート」-「ファイル名を指定して実行」で「regedit フロントエンド UI 共有」と入力します 次の場所を見つけます: HKEY_LOCAL_MACHINE"SOFTWARE"Microsoft"Internet Explorer"View SourceEditor"Editor Name" デフォルト データを "D:"Program Files"EmEditor に変更します「EmEditor.exe」

IE に切り替えてソース コードを表示すると、効果が確認できます。 「ソース エディターの表示」エディター名の項目がない場合は、自分で作成できます。 4. ウィンドウを自動的に最大化するには、 と の間に次のように追加します。

<スクリプト言語 = "javascript" > setTimeout( 'top.moveTo(0,0)' ,5000);

setTimeout( 'top.resizeTo(screen.availWidth,screen.availHeight)' , 5000); script>

5. window.opener は、実際には window.open で開かれたフォームの親フォームです。

たとえば、親フォームparentFormにwindow.open("subForm.html")が渡された場合、subform.htmlのwindow.opener

は親フォームの値を設定するか、jsを呼び出すことができます。この方法で。

window.opener.test(); ?親フォームで test() メソッドを呼び出します。 {parentForm.stockBox.value = 記号;

window.opener が存在する場合は、parentForm に StockBox の値を設定します。フロントエンド UI 共有 1

2 3 4 if (window.opener && er.closed)

}

6. ページを更新する方法

Javascript を使用してページを更新する方法:

1. history.go(0)
2. location.reload()
3. location=location
4. location.assign(location)
5. document.execCommand('Refresh')
6. window.navigate(location)
7. location.replace(location)
8. document.URL=location.href

ページを自動的に更新する方法:

1. 自動的にページを更新します: 領域に追加します
2. ページは自動的にジャンプします: フロントエンド UI 共有の 領域に参加します
3. js によってページが自動的に更新されます:

1 2 3 4 5 ... } setTimeout( 'myrefresh() ' ,1000) // 1 秒ごとに更新を指定します

JS フレームの更新: a) 1 2 3

3

b) サブウィンドウの更新 親ウィンドウ 1 2

<スクリプト言語=JavaScript> ; self.opener.location.reload();

1

1

< a href = " :opener.location.reload()" >更新

c) 別のフレームのページを更新

2

3

< スクリプト言語 = JavaScript >

7. CSS ハックを使用したことのある人は、アンダースコアを使用した名前付けがハックであることを知っているはずです。「_style」のような名前を使用すると、IE 以外のほとんどのブラウザーはこのスタイルの定義を無視するため、「_」を使用してください。名前付けに使用される区切り文字は標準化されていません。 CSS 検査を行うとエラー メッセージが表示されます。フロントエンドUIの共有

8. IEの条件付きコメントの書き方

IE以外でも認識可能
すべての IE が認識可能
IE5.0 のみ認識可能

9. CSS HACK の書き方

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

/*最初のタイプ:* / .div { 背景: オレンジ; *背景: 青; タイプ: */ .d iv { margin : 10px; * margin : 15px; /*3 番目のタイプ:*/ #div { color : # 333 ; *+html #div { カラー : #999 } * html #div { カラー : #666 ;