css&js
1.爲頁面某區域內某標籤有一些操做，能夠先用div包括這些區域，而後經過ID或得，再進一步得到裏面的標籤。eg,var ff=document.getElementById('xx');
var dds=ff.getElementsByTagName('a');
jquery click自動完成循環。css
$(document).ready(function(){html
$("a").click(function() {
alert("Hello world!");
});jquery
});瀏覽器
2.CSS可控制超連接樣式-css連接樣式以下
a:link是超級連接的初始狀態
a:hover是把鼠標放上去時懸停的情況
a:active 是鼠標點擊時
a:visited是訪問事後的狀況ide
1)、一般對全站超連接樣式化方法
a{color:#333;text-decoration:none; } //對全站有連接的文字顏色樣式爲color:#333;並當即無下劃線text-decoration:none;
a:hover {color:#CC3300;text-decoration:underline;}//對鼠標放到超連接上文字顏色樣式變爲color:#CC3300;並文字連接加下劃線text-decoration:underline;ui
2)、經過連接內設置類控制超連接樣式css方法
案例超連接代碼<a href="http://www.divcss5.com/" class="yangshi">CSS</a>
對應CSS代碼
a.yangshi{color:#333;text-decoration:none; }
a.yangshi:hover {color:#CC3300;text-decoration:underline;}
經過這樣的設置能夠控制連接內的css類名爲「yangshi」超連接的樣式firefox
3)、經過對應超連接外的父級的css類的css樣式來控制超連接的樣式
案例超連接代碼<div class="yangshi"><a href="http://www.divcss5.com/">CSS</a></a>
對應CSS代碼
.yangshi a{color:#333;text-decoration:none; }
.yangshi a:hover {color:#CC3300;text-decoration:underline;}指針
3.CSS中鼠標指針設置爲手型有兩種寫法：cursor:hand和cursor:pointer.
cursor:pointer應該是符合W3C標準的。xml
4.1)flaot浮動形成IE6下面雙倍邊距問題:
margin-left:10px!important;/*IE7,IE8,FF下是10PX*/;margin-left:5px;/*IE6下屬性寫的是5PX，但在顯示出來的是10pxhtm
2)在屬性前面加符號如：*、&，￥，#，@，—，+，加過符號的屬性只有IE的瀏覽器才識別，而FF不識別，方法以下(注意有符號的屬性和沒符號的屬性的順序)
height:100px;/*FF下顯示100的高*/
+height:120px;/*IE678下顯示120高*/
3)清除浮動
在設置過浮動的那個DIV下面加一個DIV，CSS面寫個clear:both;以下
(1).<divstyledivstyle="float:left;height:100px;width:500px;">
(2).<divstyledivstyle="clear:both;">
(3).<divstyledivstyle="height:100px;width=300px">
4)頁面居中兩要素：(1）大盒子 (2）絕對寬度
5)經過兼容性實現IE六、七、8下三種不一樣效果：
如IE6下背景紅色，IE7下藍色FF下綠色
（注意順序，能夠好好理解一下）。
7L&t-o7k-a1I
red; /*FF裏顯示的紅色*/
+blue!important; /*IE7下面顯示的藍色*/
+background:green;/*IE6下面顯示的綠色*/
6)<metahttp-equivmetahttp-equiv="x-ua-compatible"content="IE=7"/> 把這段代碼放到<head>裏面，在IE8裏面的頁面解析起來就跟IE7如出一轍的了，因此，基本上能夠無視IE8，剩下的代碼只須要這樣寫就能夠了
1）.background:#ffc;/*對firefox有效*/
2）.*background:#ccc;/*對IE7有效*/
3._background:#000;/*只對IE6有效*/
firefox能解析第一段，後面的兩個由於前面加了特殊符號「*」和「_」,firefox認不了，因此只認background:#ffc，看到的是×××；
IE7前兩短都能認，以最後的爲準，因此最後解析是background:#ccc，看到的是灰色；
IE6三段都能認，並且「_」這個只有IE6能認，因此最後解析是_background:#000，看到的是黑色
若是你發現按我這樣寫仍是有問題的話，請查看一下你的html頭，看看<head>以前的內容是否是這樣的標準寫法
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
這個是如今比較規範的寫法，非這種規範寫法的，兼容性不能保證。
7)Css代碼
<style type=」text/css」>
#body { border:2px solid #00f; /*ff的屬性*/
border:2px solid #090\9; /* IE6/7/8的屬性 */
border:2px solid #F90\0; /* IE8支持 */
_border:2px solid #f00; /*IE6的屬性*/ }
</style>
-----
Html代碼
<div id=」body」>
<ul> <li>FF下藍邊</li>
<li>IE6下紅邊</li>
<li>IE7下綠邊</li>
<li>IE8下黃邊</li>
</ul>
</div> 注:css順序不能寫錯，由於ff不認識\9,\0,_寫法,因此爲藍邊;\9是IE6，7，8的屬性,下面代碼並無重寫IE7的代碼，因此IE7下綠邊;同理,\0爲ie8屬性，至關於重寫了顏色，因此IE8下爲黃邊,_是ie6的屬性,重寫顏色爲紅邊.
8)IE6裏DIV錯位的問題 採用」FLOAT：LEFT「的DIV在IE八、IE七、都沒問題，IE6下卻向下移動，出現空白。這是由於，IE6採用的內核默認把DIV之間的距離增長了3~5個PX，因此，試試是將下移的DIV的STYLE裏增長"margin-left:-5px;"或者更小。
4.css hack
1)下劃線hack
IE 6 及如下的版本能夠識別帶有下劃線前綴的屬性，而其它的瀏覽器會忽略它。所以，一個屬性前面加上下劃線或者連字符，就成爲了IE6及如下版本瀏覽器的專有屬性。
(hack使用了無效的CSS，不推薦使用）
2)星號hack
(hack使用了無效的CSS，不推薦使用）
(適用於IE7如下版本)
除了下劃線和連字符，版本7及如下的IE能夠識別以非字母字符爲前綴的屬性，而其它瀏覽器會忽略。
3)星號 HTML hack
(適用於IE4-6)
* html p {font-size: 5em; }
這個HACK使用了徹底有效的CSS。
4)星號加號HACK
(適用於IE7)
*:first-child+html p { font-size: 5em; }
或者：
*+html p { font-size: 5em; }
5)否認僞類HACK
(可區分IE和非IE)
IE的全部版本都不支持CSS3 : not() 僞類。有一種變異的HACK使用 : root 僞類，此僞類也一樣不被IE識別。
6)！Important 怪僻(適用於IE8如下版本)IE8及如下版本有一些和!imporant有關的怪僻，它容許一個賦值優先級更高。IE7及更早版本接受任意字符串替代important，而且會正常處理該值，而其它瀏覽器則會忽略。
-
每一个你不满意的现在，都有一个你没有努力的曾经。