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