DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 自己在實踐中遇到的一些前台基礎(html、css)
自己在實踐中遇到的一些前台基礎(html、css)
編輯:前端技巧     
1.

div css鼠標變手型是 cursor:pointer;

2.

html相對位置和絕對位置布局注意: absolute 說當position屬性設為absolute後,總是按照浏覽器窗口來進行定位的,這其實是錯誤的。

當sub1的position設置為absolute後,其到底以誰為對象進行偏移呢?這裡分為兩種情況:

(1)當sub1的父對象(或曾祖父,只要是父級對象)parent也設置了position屬性,且position的屬性值為absolute或者relative時,也就是說,不是默認值的情況,此時sub1按照這個parent來進行定位。

注意,對象雖然確定好了,但有些細節需要您的注意,那就是我們到底以parent的哪個定位點來進行定位呢?如果parent設定了margin,border,padding等屬性,那麼這個定位點將忽略padding,將會從padding開始的地方(即只從padding的左上角開始)進行定位,這與我們會想當然的以為會以margin的左上端開始定位的想法是不同的。
接下來的問題是,sub2的位置到哪裡去了呢?由於當position設置為absolute後,會導致sub1溢出正常的文檔流,就像它不屬於parent一樣,它漂浮了起來,在DreamWeaver中把它稱為“層”,其實意思是一樣的。此時sub2將獲得sub1的位置,它的文檔流不再基於sub1,而是直接從parent開始。

(2)如果sub1不存在一個有著position屬性的父對象,那麼那就會以body為定位對象,按照浏覽器的窗口進行定位,這個比較容易理解。

3.

css的透明度filter:alpha(opacity=0);opacity:0;-moz-opacity:0; 只有這三個css同時加上才兼容所有的浏覽器

4. 窗口關系及框架

top對象始終指向最高(最外)層的框架,也就是浏覽器窗口。使用它可以正確訪問任何一個框架。因為對於在一個框架中編寫的代碼中,window對象總是指向的都是那個框架的特定實例,而非最高層的框架。比如說,在子框架中,window是指本身的對象,假使要改變本框架的src及父窗口的iframe或者是frame的src,用window是不行的,這時要用window.top.$(選擇器)才能訪問
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved