自己在實踐中遇到的一些前臺基礎(html、css)

2024-08-30 08:35:43

字體：大中小

來源：轉載

供稿：網友

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.$(選擇器)才能訪問

上一篇：前端開發必備：12款瀏覽器兼容性測試工具推薦

下一篇：頁面包含img src時的重復載入問題