字节跳动网络面试题，HTML 实现仿 Windows 桌面主题特效，我三年开发经验从字节跳动抖音离职后

Powered by haiyong.site 注意：双击桌面应用即可点开

• 
• 海拥
• 
• CSDN
• 
• 掘金
• 
• bilibili
• 
• 
• 
• 
• 
• Admin
• 系统设置
• 使用指南
• 关于我们
• 退出系统

• 💛 CSS 代码

  CSS主要代码：

  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

  margin:0;

  padding:0;

  }

  table {

  border-collapse:collapse;

  border-spacing:0;

  }

  fieldset, img {

  border:0;

  }

  address, caption, cite, code, dfn, em, strong, th, var {

  font-style:normal;

  font-weight:normal;

  }

  ol, ul, li {

  list-style:none;

  }

  caption, th {

  text-align:left;

  }

  h1, h2, h3, h4, h5, h6 {

  font-size:100%;

  font-weight:normal;

  }

  q:before, q:after {

  content:”;

  }

  abbr, acronym {

  border:0;

  }

  • {

  margin:0;

  padding:0

  }

  页面基础样式

  /页面基础样式/

  html {

  overflow:hidden;

  }

  body {

  font-size: 12px;

  background:#06C url(wallpapers/menglong2.jpg) repeat scroll center center;

  font-family: Tahoma, Geneva, sans-serif;

  margin:0;

  padding:0

  }

  a {

  font-size: 12px;

  }

  a:link {

  text-decoration: none;

  color: #FFF;

  }

  a:visited {

  text-decoration: none;

  color: #FFF;

  }

  a:hover {

  text-decoration: none;

  color: #FFF;

  }

  a:active {

  text-decoration: none;

  color: #FFF;

  }

  .corner {/只在支持css3的高级浏览器起作用/

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  -moz-box-shadow: 2px 2px 8px #444;

  -webkit-box-shadow: 2px 2px 8px #444;

  box-shadow:2px 2px 8px #444;

  }

  .loading {

  background:url(images/loading.gif) no-repeat center center

  }

  界面布局样式

  /界面布局样式/

  .powered_by {

  width:160px;

  height:25px;

  line-height:25px;

  background:url(images/powered-by.png) no-repeat left center;

  color:#CCC;

  text-indent:26px;

  display:block;

  outline:none;

  position:absolute;

  right:20px;

  bottom:60px;

  }

  任务栏样式

  #taskBar {

  width:100%;

  height:40px;

  line-height:40px;

  position:absolute;

  right:0;

  bottom:0;

  }

  #leftBtn {

  width:100px;

  height:40px;

  float:left;

  display:none;

  }

  #rightBtn {

  width:100px;

  height:40px;

  float:right;

  display:none;

  }

  #leftBtn a, #rightBtn a {

  display:block;

  width:100px;

  height:40px;

  outline:none;

  background-image:url(images/lr_btn.png);

  background-repeat:no-repeat;

  }

  #leftBtn a {

  background-position:left top;

  }

  #rightBtn a {

  background-position:right top;

  }

  #leftBtn a:hover {

  background-position:left bottom

  }

  #rightBtn a:hover {

  background-position:right bottom

  }

  #task_lb_wrap {

  height:40px;

  line-height:40px;

  overflow:hidden;

  position:relative;

  }

  #task_lb {

  width:auto;

  height:auto;

  position:absolute;

  top:0;

  right:0;

  }

  #task_lb a {

  display:inline-block;

  outline:none;

  width:100px;

  height:40px;

  background-image:url(images/taskHdBtn.png);

  background-repeat:no-repeat;

  text-align:center;

  line-height:40px;

  float:right

  }

  #task_lb .defaultTab {

  background-position:right top;

  color:#ccc

  }

  #task_lb .defaultTab:hover {

  background-position:right bottom;

  }

  #task_lb .selectTab {

  background-position:left top;

  color:#FFF

  }

  #task_lb .selectTab:hover {

  background-position:left bottom

  }

  #shizhong_btn {

  background:url(images/timer.png) no-repeat center center

  }

  #weather_btn {

  background:url(images/wheather.png) no-repeat center center

  }

  #sound_btn {

  background:url(images/sound_open.png) no-repeat center center

  }

  #showZm_btn {

  background:url(images/show-desktop.png) no-repeat center center

  }

  #them_btn {

  background:url(images/skin.png) no-repeat center center

  }

  侧边浮动栏

  #lr_bar {

  width:73px;

  height:auto;

  position:absolute;

  left:0;

  top:30px;

  background:url(images/dock_top.png) repeat-y left top;

  z-index:90;

  -moz-box-shadow: 0px 3px 15px #444;

  -webkit-box-shadow: 0px 3px 15px #444;

  box-shadow:0px 3px 15px #444;

  padding-top:5px;

  }

  开始按钮样式

  #start_block {

  width:73px;

  height:56px;

  position:absolute;

  left:0;

  bottom:-56px;

  background:url(images/dock_b.png) no-repeat left bottom;

  -moz-box-shadow: 0px 5px 15px #444;

  -webkit-box-shadow: 0px 5px 15px #444;

  box-shadow:0px 5px 15px #444;

  }

  #start_btn {

  display:block;

  width:48px;

  height:48px;

  background:url(images/start-btn.png) no-repeat center bottom;

  margin:4px auto 0 auto;

  outline:none;

  z-index:501;

  cursor:pointer;

  }

  #start_btn:hover {

  自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

  深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

  因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
  
  
  
  
  
  

  既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Python开发知识点，真正体系化！

  由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

  如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注Python）
  

  最后

  不知道你们用的什么环境，我一般都是用的Python3.6环境和pycharm解释器，没有软件，或者没有资料，没人解答问题，都可以免费领取（包括今天的代码），过几天我还会做个视频教程出来，有需要也可以领取~

  给大家准备的学习资料包括但不限于：

  Python 环境、pycharm编辑器/永久激活/翻译插件

  python 零基础视频教程

  Python 界面开发实战教程

  Python 爬虫实战教程

  Python 数据分析实战教程

  python 游戏开发实战教程

  Python 电子书100本

  Python 学习路线规划

  

  一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
  

  道你们用的什么环境，我一般都是用的Python3.6环境和pycharm解释器，没有软件，或者没有资料，没人解答问题，都可以免费领取（包括今天的代码），过几天我还会做个视频教程出来，有需要也可以领取~

  给大家准备的学习资料包括但不限于：

  Python 环境、pycharm编辑器/永久激活/翻译插件

  python 零基础视频教程

  Python 界面开发实战教程

  Python 爬虫实战教程

  Python 数据分析实战教程

  python 游戏开发实战教程

  Python 电子书100本

  Python 学习路线规划

  

  一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
  [外链图片转存中…(img-AyjeNTsR-1712522312223)]