python网页设计基础_【2020Python修炼记】前端开发之 网页设计超级酷炫小技巧

(待续ing)

一、示例

二、技巧解说

1、界面背景图锁定

【效果描述】：

背景图固定不动(就像贴在 最底下的图)，其余页面内容可以在其上方正常翻动浏览(镂空设计)

(待续)

2、固定定位——敌动我不动

【效果描述】：

网页固定不动的部件，例如：

【CSS】

(1)网页固定部件：

使用的是 CSS的固定定位 —— position: fixed;

例如：该部件属于 box 类，为其添加属性  position: fixed;

.box{position:fixed;top:10px;left:20px;

}

(2)返回顶部(页面浏览到一定位置后，出现“返回顶部”小标签) (jQuery事件)

Title

}#d1{position:fixed;background-color:black;right:20px;bottom:20px;height:50px;width:50px;

}