CSS3參照點(diǎn)是指CSS3中的position屬性中的參照點(diǎn),也就是元素定位時相對于哪個元素進(jìn)行定位。
/* 絕對定位元素的參照點(diǎn)為最近的已定位祖先元素,如果沒有已定位祖先元素,則相對于body */ position: absolute;
這段代碼表示絕對定位元素的參照點(diǎn)為最近的已定位祖先元素,如果沒有已定位祖先元素,則相對于body。已定位元素是指position屬性值為relative、absolute、fixed的元素。
/* 相對定位元素的參照點(diǎn)為自身所在位置 */ position: relative;
這段代碼表示相對定位元素的參照點(diǎn)為自身所在位置,即相對于其原本的位置進(jìn)行定位。
/* 固定定位元素的參照點(diǎn)為視口 */ position: fixed;
這段代碼表示固定定位元素的參照點(diǎn)為視口,即相對于瀏覽器窗口進(jìn)行定位。
了解CSS3參照點(diǎn)的概念對于頁面布局設(shè)計和元素定位非常重要。掌握好這些概念可以讓開發(fā)者更加靈活地進(jìn)行頁面設(shè)計和開發(fā)。
上一篇linux平臺php
下一篇css3印章效果