一、當文字與圖片在一行，需要將文字與圖片底對齊，需要這樣寫：
<li>記住密碼<img src="" align="bottom" style="margin-bottom:-4px"/></li>
二、當文字與圖片在一行，需要將文字與圖片居中對齊，需要這樣寫：
<li>記住密碼<img src="static/img/xyx.jpg" align="middle"/></li>
三、更改IE“查看源代碼”菜單打開的編輯器
打開注冊表編輯器,在開始-運行中輸入regedit
找到以下位置： HKEY_LOCAL_MACHINE"SOFTWARE"Microsoft"Internet Explorer"View SourceEditor"Editor Name"修改默認的數據為"D:"Program Files"EmEditor"EmEditor.exe"
切換到IE中查看源代碼就可以看到效果了。
如果View Source Editor"Editor Name項沒有,可以自己新建。
四、自動最大化窗口，在 <body> 與 </body> 之間加入：
<SCRIPT language="javascript">
setTimeout('top.moveTo(0,0)',5000);
setTimeout('top.resizeTo(screen.availWidth,screen.availHeight)',5000);
</script>
五、window.opener 實際上就是用window.open打開的窗體的父窗體。
比如在父窗體parentForm里面 通過 window.open("subForm.html"),那么在subform.html中 window.opener
就代表parentForm,可以通過這種方式設置父窗體的值或者調用js方法。
1,window.opener.test(); ---調用父窗體中的test()方法；
2,如果window.opener存在,設置parentForm中stockBox的值。
六、刷新頁面的方法
Javascript刷新頁面的方法：
1
2
3
4
5
6
7
8
自動刷新頁面的方法:
1.頁面自動刷新：把<meta http-equiv="refresh" content="20">加入<head>區域中
2.頁面自動跳轉：把<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">加入<head>區域中
3.js自動刷新頁面
<script language="JavaScript">
function myrefresh()
{
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
4.JS刷新框架
<script language=JavaScript>
</script>
<script language=JavaScript>
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>
<script language=JavaScript>
</script>
七、用過CSS hack應該知道，用下劃線命名是一種hack，如使用“_style”這樣的命名，可以讓IE外的大部分瀏覽器忽略這個樣式的定義，所以使用“_”做為命名時的分隔符是不規范的。在做CSS檢查時會出現錯誤提示。
八、IE條件注釋寫法
<!--[if !IE]>除IE外都可識別<![endif]-->
<!--[if IE]> 所有的IE可識別 <![endif]-->
<!--[if IE 5.0]> 只有IE5.0可以識別 <![endif]-->
九、CSS HACK 寫法
第一種： .div { background:orange; *background:green !important; *blue; } 第二種： .div { margin:10px; *margin:15px; _margin:15px; } 第三種： #div { color: #333; } *+html #div { color: #999; } * html #div { color: #666; } |
一、IE6及以下不識別a 標簽外的:hover偽類，在火狐，IE7里能正確達到效果，解決辦法：
#show li.s1{ border:1px solid #ff9900; background:#454242;}
#show li.s2{ border:1px solid #D9D8D8; background:#312E2E;}
<li onMouseOver="this.className='s1'" onMouseOut="this.className='s2'"></li>
二、為元素設置hasLayout
很多IE6（或IE7）的問題可以用設置hasLayout值的方法來解決，最簡單的給元素設置hasLayout值的方法是給加上CSS 的height或width(當然，zoom也可以用，但這不是CSS的一部分)。比如設置為height:1%。如果父元素沒有設置高度，那么元素的物理高度并不會改變，但是，已經具備hasLayout屬性。
三、IE6下字符重復出現
display:inline;
margin-right:-3px;
四、樣式優先級
1，內聯樣式 [1.0.0.0]
2，ID選擇器 [0.1.0.0]
3，類，屬性，偽類 選擇器 [0.0.1.0]
4，元素標簽，偽元素 選擇器 [0.0.0.1]
五、一個元素垂直居中的css寫法
#exm{
}
六、zoom : normal | number
設置或檢索對象的縮放比例。設置或更改一個已被呈遞的對象的此屬性值將導致環繞對象的內容重新流動。雖然此屬性不可繼承，但是它會影響對象的所有子對象( children )。
七、圖片跟文字并排時, 要實現圖片文字垂直居中:
1> 將line-height:設置成圖片的高度,或者圖片父元素的高度.
2> 再將圖片的CSS設置vertical-align:middle;
八、li 元素中包含 a img 元素的時候，IE6下出現空白
解決方法 一
使 li 浮動，并設置 img 為塊級元素
解決方法 二
設置 ul 的 font-size:0;
解決方法 三
設置 img 的 vertical-align: bottom;
解決方法 四
設置 img 的 margin-bottom: -5px;
一、被點擊訪問過的超鏈接樣式不在具有hover和active
二、FF下連續長字段不能自動換行
三、FF下父容器高度不能自適應
四、IE下圖片下方產生空隙
五、IE6下浮動元素和它相鄰的非浮動元素之間有3px空隙
六、LI內容超長后以省略號顯示
七、文本不能垂直居中
八、文本輸入框和相鄰的文本不能對齊
九、IE設置滾動條樣式
body{
十、IE6無法定義高度為1px的容器
一、讓層顯示在flash之上
二、使一個層垂直居中瀏覽器中
三、加入收藏夾
// <![CDATA[
function bookmark(){
var title=document.title
var url=document.location.href
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if( window.opera && window.print ){
var mbm = document.create_r_rElement_x('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();}
else if( document.all ) window.external.AddFavorite( url, title);
}
// ]]>
</script>
<a href="bookmark()">加入收藏夾< /a>
1). display:inline-block;顧名思義，就是在內聯情況下的塊狀，可以設定高度寬度。
.element-class {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
}
2).清理浮動
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
3).在地址欄添加自定義圖標
4).
5).文字用省略號截斷
div{width:200px;height:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
