html中的三大定位(基礎筆記)

2021-10-05 14:56:04 字數 1424 閱讀 9240

當開啟了元素的定位(position屬性是乙個非static的值)時,可以通過left right top bottom四個屬性來設定元素的偏移量

left. 元素相對於其定位位置的左側偏移量

right. 元素相對於其定位位置的右側偏移量

top. 元素相對於其定位位置的上邊的偏移量

bottom. 元素相對於其定位位置下邊的偏移量

通常偏移量只需要使用兩個就可以對乙個元素進行定位

一般選擇水平方向的乙個偏移量和乙個垂直方向的偏移量來為乙個元素進行定位

相對定位

當元素position屬性設定為relative時,則開啟了元素的相對定位

1.當開啟了元素的相對定位後不去設定偏移量時,元素不會發生任何變化

2.相對定位是相對於元素在文件流中原來的位置進行了定位

3.相對定位元素不會脫離文件流

4.相對定位會使元素提公升乙個層級

5.相對定位不會改變元素的性質,塊還是塊,內聯還是內聯

絕對定位

當position屬性值設定為absolute時則開啟了元素的絕對定位

1.開啟絕對定位以後,如果不設定偏移量,則元素的位置不會發生變化

2.開啟絕對定位後,如果不設定偏移量,則元素的位置不會發生變化

3.絕對定位是相對於離他最近的開啟了定位的祖先元素進行定位的(一般情況下開啟了子元素的絕對知都會同時開啟父元素的相對定位)

如果所有的祖先元素都沒有開啟定位,則會相對於瀏然器視窗進行定位

4.絕對定位會使元素提公升乙個層級

固定定位

當元素的position屬性設定fixed時,則開啟了元素的固定定位

固定定位也是一種絕對定位,它的大部分特點都和絕對定位一樣

不同的是:固定定位永遠都相對於瀏然器視窗進行定位

固定定位會固定在瀏然器視窗某個位置,不會隨滾動條滾動

ie6不支援固定定位

元素的層級

如果定位元素的層級是一樣的,則下邊的元素會蓋住上邊的

z-index屬性可以用來設定元素的層級

可以為z-index指定乙個正整數作為值

該值將會作為當前元素的層級

層級越高,越優先顯示

對於沒有開啟定位的元素不能使用z-index

父元素的層級再高,也不會蓋住子元素

opactity

opactity設定元素的透明背景

他需要乙個0-1之間的值

0表示完全透明

1表示完全不透明

opactity屬性在ie8及以下的瀏然器中不支援

ie8及一下的瀏然器需要使用以下屬性代替

filter:alpha(opactity=透明度)

透明度需要0-100之間的值

IT界的三大定律

在it界,有著統治許久的三大定律 摩爾定律,安迪 比爾定律,反摩爾定律,他們在不同程度上被業界人士所遵從,一方面他們是業界的動力,促進整個it界發展速度的穩定和健康,另一方面它們卻是整個it界的魔鬼,他們催促著it行業發展,速度過慢就會被淘汰。摩爾定律是由英特爾創始人之一戈登 摩爾提出來的。其內容為...

元素的八大定位方式

八大定位方式 from selenium import webdriver def browseropen driver webdriver.chrome driver.maximize window driver.get return driver def positioning input ty...

程式語言的三大定理

最近看到不少文章,作者去比較兩種或者多種語言以試圖證明他喜愛的語言更棒。我仔細觀察過,通常而言,這些文章會側重在其他語言 指非作者喜愛的語言 的弱點上 有時候,會舉例來證明其他語言的冗長,得出結論說自己的語言 更少 更簡捷。在我看來,雖然是針對其他語言的 弱點 但作者寫這樣的文章也無可厚非,畢竟這樣...