Collection of CSS details (1)_html/css_WEB-ITnose

1. When the text and the picture are on the same line, you need to align the text with the bottom of the picture. You need to write like this:

1	< li >记住密码< img src = "" align = "bottom" style = "margin-bottom:-4px" />

1

< li >Remember password< img src = "" align = "bottom" style = "margin-bottom:-4px" />< / li >

1	< li >记住密码< img src = "static/img/xyx.jpg" align = "middle" />

2. When the text and the picture are on the same line, you need to center-align the text and the picture. You need this Write:

1	< li >Remember Password< img src = "static/img/xyx.jpg" align = "middle" />

3. Change the editor opened by the IE "View Source Code" menu

Open the registry editor and enter regedit front-end UI sharing in Start-Run

1 2 3 4

Find the following Location: HKEY_LOCAL_MACHINE"SOFTWARE"Microsoft"Internet Explorer"View SourceEditor"Editor Name"Modify the default data to "D:"Program Files"EmEditor"EmEditor.exe"

Switch to IE to view the source You can see the effect in the code.

If the "View Source Editor" Editor Name item does not exist, you can create it yourself.

4. To automatically maximize the window, add between and :

1. 1

   2

   3

   1 2 3 4

   if  (window.opener && !window.opener.closed)      {         window.opener.document.parentForm.stockBox.value = symbol;      }

   4
   5. window.opener is actually a form opened with window.open Parent form. For example, if window.open("subForm.html") is passed in the parent form parentForm, then window.opener in subform.html represents parentForm. You can set the parent form in this way value or call js method. window.opener.test(); ?Call the test() method in the parent form; If window.opener exists, set the value of stockBox in parentForm. Front-end UI sharing

   1 2 3 4

   if (window.opener && !window.opener.closed) { window.opener.document.parentForm.stockBox .value = symbol; }

   6. How to refresh the page

   Javascript method to refresh the page:

   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

   Method to automatically refresh the page:

   1. The page automatically refreshes: add to the area
   2. The page automatically jumps: add Join the area for front-end UI sharing
   3. js automatically refreshes the page:

   1 2 3 4 5 6 7

   1 2

   3

   4

   5

   6

   1 2 3

   7
   {

   window.location.reload();

   }

   1	< a href = "javascript:opener.location.reload()" >刷新

   setTimeout( 'myrefresh()' ,1000); //Specify 1 second refresh Once

   1 2 3

   < script language = JavaScript >     parent.另一FrameID.location.reload();

   JS refresh frame: a) Refresh the page containing the frame with

   1 2 3

   b) The child window refreshes the parent window

   1 2 3

   or

   1	< a href = "javascript:opener.location.reload()" >Refresh

   c) Refresh the page of another frame table>

   7. Those who have used CSS hacks should know that naming with underscores is a hack. For example, using a name like "_style" can make most browsers except IE ignore the definition of this style. Therefore, it is illegal to use "_" as the delimiter when naming. An error message will appear when doing CSS inspection. Front-end UI sharing

   8. How to write IE conditional comments

   Recognizable except for IE
   All IE can recognize
   Only IE5.0 can recognize

   9. CSS HACK writing method

   1 2 3

   < script language = JavaScript > parent.Another FrameID.location.reload();

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

   /*第一种：*/ .div { background :orange; * background : green  !important ; * background : blue ; } /*第二种：*/ .div { margin : 10px ; * margin : 15px ; _margin : 15px ; } /*第三种：*/ #div {  color :  #333 ; } * html #div {  color :  #999 ; } * html #div {  color :  #666 ; }

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

   /*First type:*/ .div { background :orange; * background : green !important ; * background : blue ; } /*Second type:*/ .div { margin : 10px; * margin : 15px ; _margin : 15px ; } /*Third type:*/ #div { color : #333 ; } * html #div { color : #999 ; } * html #div { color : #666 ; }